mobility-toolbox-js 3.0.0-beta.37 → 3.0.0-beta.38

package/mbt.js

@@ -17993,7 +17993,6 @@ uniform ${i3} ${a3} u_${s3};
     Layer: () => Layer_default4,
     MaplibreLayer: () => MaplibreLayer_default,
     MaplibreStyleLayer: () => MaplibreStyleLayer_default,
-    MobilityLayerMixin: () => MobilityLayerMixin_default,
     RealtimeAPI: () => RealtimeAPI_default,
     RealtimeLayer: () => RealtimeLayer_default,
     RealtimeModes: () => RealtimeModes,
@@ -25014,7 +25013,6 @@ uniform ${i3} ${a3} u_${s3};
   // src/common/utils/getVehiclePosition.ts
   var getVehiclePosition = (now, trajectory, noInterpolate) => {
     const {
-      // @ts-expect-error  coordinate is added by the RealtimeLayer
       coordinate,
       // @ts-expect-error  olGeometry is added by the RealtimeLayer
       olGeometry,
@@ -45322,7 +45320,7 @@ uniform ${i3} ${a3} u_${s3};
   // src/ol/layers/MaplibreLayer.ts
   var import_lodash2 = __toESM(require_lodash());
 
-  // src/ol/mixins/PropertiesLayerMixin.ts
+  // src/ol/utils/defineDeprecatedProperties.ts
   var import_lodash = __toESM(require_lodash());
   var deprecated = () => {
   };
@@ -45331,213 +45329,207 @@ uniform ${i3} ${a3} u_${s3};
       console.warn(message);
     }, 1e3);
   }
-  function PropertiesLayerMixin(Base) {
-    return class PropertiesLayer extends Base {
-      constructor(...args) {
-        const options = args[0];
-        super(options);
-        this.olEventsKeys = [];
-        this.options = {};
-        if (options.properties) {
-          deprecated(
-            "Deprecated. Don't use properties options. Pass the values directly in options object."
-          );
-          this.setProperties(options.properties);
-        }
-        this.on("propertychange", (evt) => {
-          if (evt.key === "children") {
-            this.onChildrenChange(evt.oldValue);
-          }
-        });
-        this.options = options;
-        this.set("children", options.children || []);
-      }
-      /**
-       * Initialize the layer with the map passed in parameters.
-       *
-       * @param {ol/Map~Map} map A map.
-       */
-      attachToMap(map) {
-        (super.attachToMap || (() => {
-        }))(map);
-        (this.get("children") || []).forEach((child) => {
-          map.addLayer(child);
-        });
-      }
-      /**
-       * Terminate what was initialized in init function. Remove layer, events...
-       */
-      detachFromMap() {
-        unByKey(this.olEventsKeys);
-        (this.get("children") || []).forEach((child) => {
-          this.map.removeLayer(child);
-        });
-        (super.detachFromMap || (() => {
-        }))();
-      }
-      /**
-       * Return the an array containing all the descendants of the layer in a flat array. Including the current layer.
-       * @deprecated
-       */
-      flat() {
-        deprecated(
-          "Layer.flat is deprecated. Use getLayersAsFlatArray utils method instead."
-        );
-        return getLayersAsFlatArray_default(this);
-      }
-      onChildrenChange(oldValue) {
-        (oldValue || []).forEach((child) => {
-          child.set("parent", void 0);
-        });
-        (this.get("children") || []).forEach((child) => {
-          child.set("parent", this);
-        });
+  var onChildrenChange = (layer, oldValue) => {
+    (oldValue || []).forEach((child) => {
+      child.set("parent", void 0);
+    });
+    (layer.get("children") || []).forEach((child) => {
+      child.set("parent", void 0);
+    });
+  };
+  var defineDeprecatedProperties = (obj, options) => {
+    if (options.properties) {
+      deprecated(
+        "Deprecated. Don't use properties options. Pass the values directly in options object."
+      );
+      obj.setProperties(options.properties);
+    }
+    obj.on("propertychange", (evt) => {
+      if (evt.key === "children") {
+        onChildrenChange(evt.target, evt.oldValue);
       }
-      // @ts-expect-error  - this is a mixin
-      setMapInternal(map) {
+      if (evt.key === "map") {
+        const map = evt.target.get(evt.key);
         if (map) {
-          super.setMapInternal(map);
-          this.attachToMap(map);
-        } else {
-          this.detachFromMap();
-          super.setMapInternal(map);
+          (evt.target.get("children") || []).forEach((child) => {
+            map.addLayer(child);
+          });
+        } else if (evt.oldValue) {
+          (evt.target.get("children") || []).forEach((child) => {
+            evt.oldValue.removeLayer(child);
+          });
         }
       }
-      /** @deprecated */
-      get children() {
-        deprecated(
-          "Layer.children is deprecated. Use the Layer.get('children') method instead."
-        );
-        return this.get("children") || [];
-      }
-      /** @deprecated */
-      set children(newValue) {
-        deprecated(
-          "Layer.children is deprecated. Use the Layer.set('children', children) method instead."
-        );
-        this.set("children", newValue || []);
-      }
-      /** @deprecated */
-      get copyrights() {
-        deprecated(
-          "Layer.copyrights is deprecated. Get the attributions from the source object"
-        );
-        return this.get("copyrights");
-      }
-      /** @deprecated */
-      set copyrights(newCopyrights) {
-        deprecated(
-          "Layer.copyrights is deprecated. Set the attributions to the source object."
-        );
-        const arrValue = newCopyrights && !Array.isArray(newCopyrights) ? [newCopyrights] : newCopyrights;
-        this.set("copyrights", arrValue || []);
-      }
-      /** @deprecated */
-      get disabled() {
-        deprecated(
-          "Layer.disabled is deprecated. Use the Layer.get('disabled') method instead."
-        );
-        return this.get("disabled");
-      }
-      /** @deprecated */
-      set disabled(newValue) {
-        deprecated(
-          "Layer.disabled is deprecated. Use the Layer.set('disabled', newValue) method instead."
-        );
-        this.set("disabled", newValue);
-      }
-      /** @deprecated */
-      get group() {
-        deprecated(
-          "Layer.group is deprecated. Use the Layer.get('group') method instead."
-        );
-        return this.get("group");
-      }
-      /** @deprecated */
-      get hitTolerance() {
-        deprecated(
-          "Layer.hitTolerance is deprecated.Pass the hitTolerance when you request the features."
-        );
-        return this.get("hitTolerance") || 5;
-      }
-      /** @deprecated */
-      set hitTolerance(newValue) {
-        deprecated(
-          "Layer.hitTolerance is deprecated.Pass the hitTolerance when you request the features."
-        );
-        this.set("hitTolerance", newValue);
-      }
-      get key() {
-        return this.get("key") || this.get("name");
-      }
-      get map() {
-        return this.getMapInternal();
-      }
-      /** @deprecated */
-      get name() {
-        deprecated(
-          "Layer.name is deprecated. Use the Layer.get('name') method instead."
-        );
-        return this.get("name");
-      }
-      /** @deprecated */
-      get olLayer() {
-        deprecated(
-          "Layer.olLayer is deprecated. mobility-toolbox-js/ol layers inherits now from ol/layer/Layer class. This getter is only a redirect to the current 'this' object."
-        );
-        return this;
-      }
-      // eslint-disable-next-line class-methods-use-this
-      set olLayer(newValue) {
-        deprecated(
-          "Layer.olLayer is deprecated. mobility-toolbox-js/ol layers inherits now from ol/layer/Layer class. This setter has no effect."
-        );
-      }
-      /** @deprecated */
-      // get olListenersKeys(): EventsKey[] {
-      //   return this.olEventsKeys;
-      // }
-      /** @deprecated */
-      get parent() {
-        deprecated(
-          "Layer.parent is deprecated. Use the Layer.get('parent') method instead."
-        );
-        return this.get("parent");
-      }
-      /** @deprecated */
-      set parent(newValue) {
-        deprecated(
-          "Layer.parent is deprecated. Use the Layer.set('parent', parent) method instead."
-        );
-        this.set("parent", newValue);
-      }
-      /** @deprecated */
-      get visible() {
-        deprecated(
-          "Layer.visible is deprecated. Use the Layer.getVisible() method instead."
-        );
-        return this.getVisible();
-      }
-      /** @deprecated */
-      set visible(newValue) {
-        deprecated(
-          "Layer.visible is deprecated. Use the Layer.setVisible(newValue) method instead."
-        );
-        this.setVisible(newValue);
+    });
+    obj.set("options", options);
+    obj.set("children", options.children || []);
+    Object.defineProperties(obj, {
+      children: {
+        /** @deprecated */
+        get: () => {
+          deprecated(
+            "Layer.children is deprecated. Use the Layer.get('children') method instead."
+          );
+          return obj.get("children") || [];
+        },
+        /** @deprecated */
+        set: (newValue) => {
+          deprecated(
+            "Layer.children is deprecated. Use the Layer.set('children', children) method instead."
+          );
+          obj.set("children", newValue || []);
+        }
+      },
+      copyrights: {
+        /** @deprecated */
+        get: () => {
+          deprecated(
+            "Layer.copyrights is deprecated. Get the attributions from the source object"
+          );
+          return obj.get("copyrights");
+        },
+        /** @deprecated */
+        set: (newCopyrights) => {
+          deprecated(
+            "Layer.copyrights is deprecated. Set the attributions to the source object."
+          );
+          const arrValue = newCopyrights && !Array.isArray(newCopyrights) ? [newCopyrights] : newCopyrights;
+          obj.set("copyrights", arrValue || []);
+        }
+      },
+      disabled: {
+        /** @deprecated */
+        get() {
+          deprecated(
+            "Layer.disabled is deprecated. Use the Layer.get('disabled') method instead."
+          );
+          return obj.get("disabled");
+        },
+        /** @deprecated */
+        set(newValue) {
+          deprecated(
+            "Layer.disabled is deprecated. Use the Layer.set('disabled', newValue) method instead."
+          );
+          obj.set("disabled", newValue);
+        }
+      },
+      group: {
+        /** @deprecated */
+        get() {
+          deprecated(
+            "Layer.group is deprecated. Use the Layer.get('group') method instead."
+          );
+          return obj.get("group");
+        }
+      },
+      hitTolerance: {
+        /** @deprecated */
+        get() {
+          deprecated(
+            "Layer.hitTolerance is deprecated. Pass the hitTolerance when you request the features."
+          );
+          return obj.get("hitTolerance") || 5;
+        },
+        /** @deprecated */
+        set(newValue) {
+          deprecated(
+            "Layer.hitTolerance is deprecated. Pass the hitTolerance when you request the features."
+          );
+          obj.set("hitTolerance", newValue);
+        }
+      },
+      key: {
+        /** @deprecated */
+        get() {
+          deprecated(
+            'Layer.key is deprecated. Use the Layer.get("key") method instead.'
+          );
+          return obj.get("key") || obj.get("name");
+        }
+      },
+      map: {
+        /** @deprecated */
+        get() {
+          deprecated(
+            'Layer.map is deprecated. Use the Layer.get("map") method instead.'
+          );
+          return obj.getMapInternal();
+        }
+      },
+      name: {
+        /** @deprecated */
+        get() {
+          deprecated(
+            "Layer.name is deprecated. Use the Layer.get('name') method instead."
+          );
+          return obj.get("name");
+        }
+      },
+      olLayer: {
+        /** @deprecated */
+        get() {
+          deprecated(
+            "Layer.olLayer is deprecated. mobility-toolbox-js/ol layers inherits now from ol/layer/Layer class. obj getter is only a redirect to the current 'this' object."
+          );
+          return obj;
+        },
+        /** @deprecated */
+        set() {
+          deprecated(
+            "Layer.olLayer is deprecated. mobility-toolbox-js/ol layers inherits now from ol/layer/Layer class. obj setter has no effect."
+          );
+        }
+      },
+      options: {
+        /** @deprecated */
+        get() {
+          deprecated(
+            'Layer.options is deprecated. Use the Layer.get("options") method instead.'
+          );
+          return obj.get("options");
+        },
+        set(newValue) {
+          deprecated(
+            'Layer.options is deprecated.  Use the Layer.set("options", newValue) method instead.'
+          );
+          return obj.set("options", newValue);
+        }
+      },
+      parent: {
+        /** @deprecated */
+        get() {
+          deprecated(
+            "Layer.parent is deprecated. Use the Layer.get('parent') method instead."
+          );
+          return obj.get("parent");
+        },
+        /** @deprecated */
+        set(newValue) {
+          deprecated(
+            "Layer.parent is deprecated. Use the Layer.set('parent', parent) method instead."
+          );
+          obj.set("parent", newValue);
+        }
+      },
+      visible: {
+        /** @deprecated */
+        get() {
+          deprecated(
+            "Layer.visible is deprecated. Use the Layer.getVisible() method instead."
+          );
+          return obj.getVisible();
+        },
+        /** @deprecated */
+        set(newValue) {
+          deprecated(
+            "Layer.visible is deprecated. Use the Layer.setVisible(newValue) method instead."
+          );
+          obj.setVisible(newValue);
+        }
       }
-    };
-  }
-  var PropertiesLayerMixin_default = PropertiesLayerMixin;
-
-  // src/ol/mixins/MobilityLayerMixin.ts
-  function MobilityLayerMixin(Base) {
-    return class MobilityLayer extends PropertiesLayerMixin_default(Base) {
-      // constructor(options: MobilityLayerOptions = {}) {
-      //   super(options);
-      // }
-    };
-  }
-  var MobilityLayerMixin_default = MobilityLayerMixin;
+    });
+  };
+  var defineDeprecatedProperties_default = defineDeprecatedProperties;
 
   // src/ol/layers/MaplibreLayer.ts
   var buildStyleUrl = (url, style, apiKey, apiKeyName) => {
@@ -45552,7 +45544,7 @@ uniform ${i3} ${a3} u_${s3};
       console.warn(message);
     }, 1e3);
   }
-  var MaplibreLayer = class _MaplibreLayer extends MobilityLayerMixin_default(MapLibreLayer) {
+  var MaplibreLayer = class _MaplibreLayer extends MapLibreLayer {
     /**
      * Constructor.
      *
@@ -45584,14 +45576,14 @@ uniform ${i3} ${a3} u_${s3};
         );
       }
       super(newOptions);
+      this.olEventsKeys = [];
+      defineDeprecatedProperties_default(this, options);
       this.set("options", options);
     }
     /**
      * Initialize the layer and listen to feature clicks.
-     * @param {ol/Map~Map} map An OpenLayers map.
      */
-    attachToMap(map) {
-      super.attachToMap(map);
+    attachToMap() {
       const updateMaplibreMapDebounced = (0, import_lodash2.default)(
         this.updateMaplibreMap.bind(this),
         150
@@ -45605,14 +45597,6 @@ uniform ${i3} ${a3} u_${s3};
         })
       );
     }
-    // get queryRenderedFeaturesOptions(): maplibregl.QueryRenderedFeaturesOptions {
-    //   return this.get('queryRenderedFeaturesOptions');
-    // }
-    // set queryRenderedFeaturesOptions(
-    //   newValue: maplibregl.QueryRenderedFeaturesOptions,
-    // ) {
-    //   this.set('queryRenderedFeaturesOptions', newValue);
-    // }
     /**
      * Create a copy of the MaplibreLayer.
      *
@@ -45622,10 +45606,13 @@ uniform ${i3} ${a3} u_${s3};
      */
     clone(newOptions) {
       return new _MaplibreLayer({
-        ...this.options || {},
+        ...this.get("options") || {},
         ...newOptions || {}
       });
     }
+    detachFromMap() {
+      unByKey(this.olEventsKeys);
+    }
     getStyle() {
       if (this.style && typeof this.style === "object" && this.style.name && this.style.version) {
         return this.style;
@@ -45638,6 +45625,23 @@ uniform ${i3} ${a3} u_${s3};
       }
       return buildStyleUrl(this.url, this.style, this.apiKey, this.apiKeyName);
     }
+    // get queryRenderedFeaturesOptions(): maplibregl.QueryRenderedFeaturesOptions {
+    //   return this.get('queryRenderedFeaturesOptions');
+    // }
+    // set queryRenderedFeaturesOptions(
+    //   newValue: maplibregl.QueryRenderedFeaturesOptions,
+    // ) {
+    //   this.set('queryRenderedFeaturesOptions', newValue);
+    // }
+    setMapInternal(map) {
+      if (map) {
+        super.setMapInternal(map);
+        this.attachToMap();
+      } else {
+        this.detachFromMap();
+        super.setMapInternal(map);
+      }
+    }
     updateMaplibreMap() {
       try {
         this.mapLibreMap?.setStyle(this.getStyle(), { diff: false });
@@ -45779,7 +45783,7 @@ uniform ${i3} ${a3} u_${s3};
       console.warn(...messages);
     }, 1e3);
   }
-  var MaplibreStyleLayer = class _MaplibreStyleLayer extends MobilityLayerMixin_default(Layer_default) {
+  var MaplibreStyleLayer = class _MaplibreStyleLayer extends Layer_default {
     /**
      * Constructor.
      *
@@ -45818,7 +45822,10 @@ uniform ${i3} ${a3} u_${s3};
       }
       super({ source: new Source_default({}), ...options });
       this.highlightedFeatures = [];
+      this.olEventsKeys = [];
       this.selectedFeatures = [];
+      defineDeprecatedProperties_default(this, options);
+      this.set("options", options);
       this.beforeId = options.beforeId;
       this.onLoad = this.onLoad.bind(this);
       if (!this.layersFilter && this.layers) {
@@ -45888,16 +45895,16 @@ uniform ${i3} ${a3} u_${s3};
      * @override
      */
     attachToMap(map) {
-      if (this.maplibreLayer && !this.maplibreLayer.map) {
+      if (this.maplibreLayer && !this.maplibreLayer.getMapInternal()) {
         map.addLayer(this.maplibreLayer);
       }
-      super.attachToMap(map);
-      if (!this.map || !this.maplibreLayer) {
+      const mapInternal = this.getMapInternal();
+      if (!mapInternal || !this.maplibreLayer) {
         return;
       }
-      if (!this.map.getTargetElement()) {
+      if (!mapInternal.getTargetElement()) {
         this.olEventsKeys.push(
-          this.map.on("change:target", () => {
+          mapInternal.on("change:target", () => {
             this.attachToMap(map);
           })
         );
@@ -45943,7 +45950,7 @@ uniform ${i3} ${a3} u_${s3};
      * @public
      */
     clone(newOptions) {
-      return new _MaplibreStyleLayer({ ...this.options, ...newOptions });
+      return new _MaplibreStyleLayer({ ...this.get("options"), ...newOptions });
     }
     createRenderer() {
       return new MaplibreStyleLayerRenderer(this);
@@ -45953,12 +45960,12 @@ uniform ${i3} ${a3} u_${s3};
      * @override
      */
     detachFromMap() {
+      unByKey(this.olEventsKeys);
       if (this.maplibreLayer?.mapLibreMap) {
         this.maplibreLayer.mapLibreMap.off("load", this.onLoad);
         this.removeLayers();
         this.removeSources();
       }
-      super.detachFromMap();
     }
     /**
      * Request feature information for a given coordinate.
@@ -46109,6 +46116,15 @@ uniform ${i3} ${a3} u_${s3};
       );
       this.setFeatureState(features, { hover: state });
     }
+    setMapInternal(map) {
+      if (map) {
+        super.setMapInternal(map);
+        this.attachToMap(map);
+      } else {
+        this.detachFromMap();
+        super.setMapInternal(map);
+      }
+    }
     get beforeId() {
       return this.get("beforeId");
     }
@@ -47002,7 +47018,7 @@ uniform ${i3} ${a3} u_${s3};
 
   // src/ol/layers/RealtimeLayer.ts
   var format2 = new GeoJSON_default();
-  var RealtimeLayer = class _RealtimeLayer extends MobilityLayerMixin_default(Layer_default) {
+  var RealtimeLayer = class _RealtimeLayer extends Layer_default {
     /**
      * Constructor.
      *
@@ -47020,6 +47036,8 @@ uniform ${i3} ${a3} u_${s3};
       });
       this.allowRenderWhenAnimating = false;
       this.maxNbFeaturesRequested = 100;
+      this.olEventsKeys = [];
+      defineDeprecatedProperties_default(this, options);
       this.engine = new RealtimeEngine_default({
         getViewState: this.getViewState.bind(this),
         onRender: this.onRealtimeEngineRender.bind(this),
@@ -47041,17 +47059,17 @@ uniform ${i3} ${a3} u_${s3};
       this.onZoomEndDebounced = (0, import_lodash6.default)(this.onZoomEnd, 100);
       this.onMoveEndDebounced = (0, import_lodash6.default)(this.onMoveEnd, 100);
     }
-    attachToMap(map) {
-      super.attachToMap(map);
+    attachToMap() {
       this.engine.attachToMap();
-      if (this.map) {
+      const mapInternal = this.getMapInternal();
+      if (mapInternal) {
         if (this.getVisible()) {
           this.engine.start();
         }
-        const index = this.map.getLayers().getArray().indexOf(this);
-        this.map.getLayers().insertAt(index, this.vectorLayer);
+        const index = mapInternal.getLayers().getArray().indexOf(this);
+        mapInternal.getLayers().insertAt(index, this.vectorLayer);
         this.olEventsKeys.push(
-          ...this.map.on(
+          ...mapInternal.on(
             ["moveend", "change:target"],
             // @ts-expect-error  - bad ol definitions
             (evt) => {
@@ -47092,7 +47110,7 @@ uniform ${i3} ${a3} u_${s3};
      * @public
      */
     clone(newOptions) {
-      return new _RealtimeLayer({ ...this.options, ...newOptions });
+      return new _RealtimeLayer({ ...this.get("options"), ...newOptions });
     }
     createRenderer() {
       return new RealtimeLayerRenderer(this);
@@ -47101,9 +47119,9 @@ uniform ${i3} ${a3} u_${s3};
      * Destroy the container of the tracker.
      */
     detachFromMap() {
-      this.map?.removeLayer(this.vectorLayer);
+      unByKey(this.olEventsKeys);
+      this.getMapInternal()?.removeLayer(this.vectorLayer);
       this.engine.detachFromMap();
-      super.detachFromMap();
     }
     /**
      * Get some informations about a trajectory.
@@ -47118,7 +47136,7 @@ uniform ${i3} ${a3} u_${s3};
           id,
           this.engine.mode,
           this.engine.getGeneralizationLevelByZoom(
-            Math.floor(this.map?.getView()?.getZoom() || 0)
+            Math.floor(this.getMapInternal()?.getView()?.getZoom() || 0)
           )
         )
       ];
@@ -47134,17 +47152,18 @@ uniform ${i3} ${a3} u_${s3};
       return this.engine.getVehicles(filterFunc);
     }
     getViewState() {
-      if (!this.map?.getView()) {
+      const mapInternal = this.getMapInternal();
+      if (!mapInternal?.getView()) {
         return {};
       }
-      const view = this.map.getView();
+      const view = mapInternal.getView();
       return {
         center: view.getCenter(),
         extent: view.calculateExtent(),
         pixelRatio: this.engine.pixelRatio,
         resolution: view.getResolution(),
         rotation: view.getRotation(),
-        size: this.map.getSize(),
+        size: mapInternal.getSize(),
         visible: this.getVisible(),
         zoom: view.getZoom()
       };
@@ -47168,7 +47187,7 @@ uniform ${i3} ${a3} u_${s3};
         id,
         this.engine.mode,
         this.engine.getGeneralizationLevelByZoom(
-          Math.floor(this.map?.getView()?.getZoom() || 0)
+          Math.floor(this.getMapInternal()?.getView()?.getZoom() || 0)
         )
       ).then((data) => {
         const fullTrajectory = data.content;
@@ -47219,8 +47238,17 @@ uniform ${i3} ${a3} u_${s3};
       }
       this.highlightTrajectory(id);
     }
+    setMapInternal(map) {
+      if (map) {
+        super.setMapInternal(map);
+        this.attachToMap();
+      } else {
+        this.detachFromMap();
+        super.setMapInternal(map);
+      }
+    }
     shouldRender() {
-      return this.allowRenderWhenAnimating ? false : this.map.getView().getAnimating() || this.map.getView().getInteracting();
+      return this.allowRenderWhenAnimating ? false : this.getMapInternal()?.getView().getAnimating() || this.getMapInternal()?.getView().getInteracting();
     }
     /**
      * Start the rendering.
@@ -47303,14 +47331,15 @@ uniform ${i3} ${a3} u_${s3};
       return null;
     }
   };
-  var Layer2 = class _Layer extends MobilityLayerMixin_default(Layer_default) {
+  var Layer2 = class _Layer extends Layer_default {
     constructor(options) {
       super(options);
+      defineDeprecatedProperties_default(this, options);
       deprecated4("Layer is deprecated. Use an OpenLayers Layer instead.");
     }
     clone(newOptions) {
       return new _Layer({
-        ...this.options || {},
+        ...this.get("options") || {},
         ...newOptions || {}
       });
     }
@@ -47327,18 +47356,19 @@ uniform ${i3} ${a3} u_${s3};
      * @deprecated
      */
     clone(newOptions) {
-      return new _VectorLayer({ ...this.options, ...newOptions });
+      return new _VectorLayer({ ...this.get("options"), ...newOptions });
     }
     /**
      * @deprecated
      */
     getFeatureInfoAtCoordinate(coordinate) {
       let features = [];
-      if (this.map) {
-        const pixel = this.map.getPixelFromCoordinate(coordinate);
-        features = this.map.getFeaturesAtPixel(pixel, {
-          hitTolerance: this.hitTolerance || 5,
-          layerFilter: (l) => l === this.olLayer
+      const mapInternal = this.getMapInternal();
+      if (mapInternal) {
+        const pixel = mapInternal.getPixelFromCoordinate(coordinate);
+        features = mapInternal.getFeaturesAtPixel(pixel, {
+          hitTolerance: this.get("hitTolerance") || 5,
+          layerFilter: (l) => l === this
         }) || [];
       }
       return Promise.resolve({