ol 7.1.1-pr.14101.2 → 7.2.0

package/Map.js

@@ -30,17 +30,19 @@ import {assert} from './asserts.js';
 import {
   clone,
   createOrUpdateEmpty,
-  equals,
+  equals as equalsExtent,
   getForViewAndSize,
   isEmpty,
 } from './extent.js';
 import {defaults as defaultControls} from './control/defaults.js';
 import {defaults as defaultInteractions} from './interaction/defaults.js';
+import {equals} from './array.js';
 import {fromUserCoordinate, toUserCoordinate} from './proj.js';
 import {getUid} from './util.js';
 import {hasArea} from './size.js';
 import {listen, unlistenByKey} from './events.js';
 import {removeNode} from './dom.js';
+import {warn} from './console.js';
 
 /**
  * State of the current frame. Only `pixelRatio`, `time` and `viewState` should
@@ -145,6 +147,7 @@ import {removeNode} from './dom.js';
  * element itself or the `id` of the element. If not specified at construction
  * time, {@link module:ol/Map~Map#setTarget} must be called for the map to be
  * rendered. If passed by element, the container can be in a secondary document.
+ * **Note:** CSS `transform` support for the target element is limited to `scale`.
  * @property {View|Promise<import("./View.js").ViewOptions>} [view] The map's view.  No layer sources will be
  * fetched unless this is specified at construction time or through
  * {@link module:ol/Map~Map#setView}.
@@ -185,10 +188,10 @@ function setLayerMapProperty(layer, map) {
  * The map is the core component of OpenLayers. For a map to render, a view,
  * one or more layers, and a target container are needed:
  *
- *     import Map from 'ol/Map';
- *     import View from 'ol/View';
- *     import TileLayer from 'ol/layer/Tile';
- *     import OSM from 'ol/source/OSM';
+ *     import Map from 'ol/Map.js';
+ *     import View from 'ol/View.js';
+ *     import TileLayer from 'ol/layer/Tile.js';
+ *     import OSM from 'ol/source/OSM.js';
  *
  *     const map = new Map({
  *       view: new View({
@@ -417,6 +420,17 @@ class Map extends BaseObject {
      */
     this.targetChangeHandlerKeys_ = null;
 
+    /**
+     * @private
+     * @type {HTMLElement|null}
+     */
+    this.targetElement_ = null;
+
+    /**
+     * @type {ResizeObserver}
+     */
+    this.resizeObserver_ = new ResizeObserver(() => this.updateSize());
+
     /**
      * @type {Collection<import("./control/Control.js").default>}
      * @protected
@@ -491,9 +505,9 @@ class Map extends BaseObject {
       /**
        * @param {import("./Collection.js").CollectionEvent<import("./control/Control.js").default>} event CollectionEvent
        */
-      function (event) {
+      (event) => {
         event.element.setMap(this);
-      }.bind(this)
+      }
     );
 
     this.controls.addEventListener(
@@ -501,9 +515,9 @@ class Map extends BaseObject {
       /**
        * @param {import("./Collection.js").CollectionEvent<import("./control/Control.js").default>} event CollectionEvent.
        */
-      function (event) {
+      (event) => {
         event.element.setMap(null);
-      }.bind(this)
+      }
     );
 
     this.interactions.addEventListener(
@@ -511,9 +525,9 @@ class Map extends BaseObject {
       /**
        * @param {import("./Collection.js").CollectionEvent<import("./interaction/Interaction.js").default>} event CollectionEvent.
        */
-      function (event) {
+      (event) => {
         event.element.setMap(this);
-      }.bind(this)
+      }
     );
 
     this.interactions.addEventListener(
@@ -521,9 +535,9 @@ class Map extends BaseObject {
       /**
        * @param {import("./Collection.js").CollectionEvent<import("./interaction/Interaction.js").default>} event CollectionEvent.
        */
-      function (event) {
+      (event) => {
         event.element.setMap(null);
-      }.bind(this)
+      }
     );
 
     this.overlays_.addEventListener(
@@ -531,9 +545,9 @@ class Map extends BaseObject {
       /**
        * @param {import("./Collection.js").CollectionEvent<import("./Overlay.js").default>} event CollectionEvent.
        */
-      function (event) {
+      (event) => {
         this.addOverlayInternal_(event.element);
-      }.bind(this)
+      }
     );
 
     this.overlays_.addEventListener(
@@ -541,33 +555,31 @@ class Map extends BaseObject {
       /**
        * @param {import("./Collection.js").CollectionEvent<import("./Overlay.js").default>} event CollectionEvent.
        */
-      function (event) {
+      (event) => {
         const id = event.element.getId();
         if (id !== undefined) {
           delete this.overlayIdIndex_[id.toString()];
         }
         event.element.setMap(null);
-      }.bind(this)
+      }
     );
 
     this.controls.forEach(
       /**
        * @param {import("./control/Control.js").default} control Control.
-       * @this {Map}
        */
-      function (control) {
+      (control) => {
         control.setMap(this);
-      }.bind(this)
+      }
     );
 
     this.interactions.forEach(
       /**
        * @param {import("./interaction/Interaction.js").default} interaction Interaction.
-       * @this {Map}
        */
-      function (interaction) {
+      (interaction) => {
         interaction.setMap(this);
-      }.bind(this)
+      }
     );
 
     this.overlays_.forEach(this.addOverlayInternal_.bind(this));
@@ -645,6 +657,7 @@ class Map extends BaseObject {
     this.controls.clear();
     this.interactions.clear();
     this.overlays_.clear();
+    this.resizeObserver_.disconnect();
     this.setTarget(null);
     super.disposeInternal();
   }
@@ -780,12 +793,16 @@ class Map extends BaseObject {
 
   /**
    * Returns the map pixel position for a browser event relative to the viewport.
-   * @param {UIEvent} event Event.
+   * @param {UIEvent|{clientX: number, clientY: number}} event Event.
    * @return {import("./pixel.js").Pixel} Pixel.
    * @api
    */
   getEventPixel(event) {
-    const viewportPosition = this.viewport_.getBoundingClientRect();
+    const viewport = this.viewport_;
+    const viewportPosition = viewport.getBoundingClientRect();
+    const viewportSize = this.getSize();
+    const scaleX = viewportPosition.width / viewportSize[0];
+    const scaleY = viewportPosition.height / viewportSize[1];
     const eventPosition =
       //FIXME Are we really calling this with a TouchEvent anywhere?
       'changedTouches' in event
@@ -793,8 +810,8 @@ class Map extends BaseObject {
         : /** @type {MouseEvent} */ (event);
 
     return [
-      eventPosition.clientX - viewportPosition.left,
-      eventPosition.clientY - viewportPosition.top,
+      (eventPosition.clientX - viewportPosition.left) / scaleX,
+      (eventPosition.clientY - viewportPosition.top) / scaleY,
     ];
   }
 
@@ -821,13 +838,7 @@ class Map extends BaseObject {
    * @api
    */
   getTargetElement() {
-    const target = this.getTarget();
-    if (target !== undefined) {
-      return typeof target === 'string'
-        ? document.getElementById(target)
-        : target;
-    }
-    return null;
+    return this.targetElement_;
   }
 
   /**
@@ -1242,12 +1253,23 @@ class Map extends BaseObject {
       removeNode(this.viewport_);
     }
 
+    if (this.targetElement_) {
+      this.resizeObserver_.unobserve(this.targetElement_);
+      const rootNode = this.targetElement_.getRootNode();
+      if (rootNode instanceof ShadowRoot) {
+        this.resizeObserver_.unobserve(rootNode.host);
+      }
+    }
+
     // target may be undefined, null, a string or an Element.
     // If it's a string we convert it to an Element before proceeding.
     // If it's not now an Element we remove the viewport from the DOM.
     // If it's an Element we append the viewport element to it.
 
-    const targetElement = this.getTargetElement();
+    const target = this.getTarget();
+    const targetElement =
+      typeof target === 'string' ? document.getElementById(target) : target;
+    this.targetElement_ = targetElement;
     if (!targetElement) {
       if (this.renderer_) {
         clearTimeout(this.postRenderTimeoutHandle_);
@@ -1287,7 +1309,6 @@ class Map extends BaseObject {
         PASSIVE_EVENT_LISTENERS ? {passive: false} : false
       );
 
-      const defaultView = this.getOwnerDocument().defaultView;
       const keyboardEventTarget = !this.keyboardEventTarget_
         ? targetElement
         : this.keyboardEventTarget_;
@@ -1304,8 +1325,12 @@ class Map extends BaseObject {
           this.handleBrowserEvent,
           this
         ),
-        listen(defaultView, EventType.RESIZE, this.updateSize, this),
       ];
+      const rootNode = targetElement.getRootNode();
+      if (rootNode instanceof ShadowRoot) {
+        this.resizeObserver_.observe(rootNode.host);
+      }
+      this.resizeObserver_.observe(targetElement);
     }
 
     this.updateSize();
@@ -1555,7 +1580,7 @@ class Map extends BaseObject {
         const moveStart =
           !this.previousExtent_ ||
           (!isEmpty(this.previousExtent_) &&
-            !equals(frameState.extent, this.previousExtent_));
+            !equalsExtent(frameState.extent, this.previousExtent_));
         if (moveStart) {
           this.dispatchEvent(
             new MapEvent(MapEventType.MOVESTART, this, previousFrameState)
@@ -1568,7 +1593,7 @@ class Map extends BaseObject {
         this.previousExtent_ &&
         !frameState.viewHints[ViewHint.ANIMATING] &&
         !frameState.viewHints[ViewHint.INTERACTING] &&
-        !equals(frameState.extent, this.previousExtent_);
+        !equalsExtent(frameState.extent, this.previousExtent_);
 
       if (idle) {
         this.dispatchEvent(
@@ -1687,16 +1712,18 @@ class Map extends BaseObject {
             targetElement.getClientRects().length
           )
         ) {
-          // eslint-disable-next-line
-          console.warn(
+          warn(
             "No map visible because the map container's width or height are 0."
           );
         }
       }
     }
 
-    this.setSize(size);
-    this.updateViewportSize_();
+    const oldSize = this.getSize();
+    if (size && (!oldSize || !equals(size, oldSize))) {
+      this.setSize(size);
+      this.updateViewportSize_();
+    }
   }
 
   /**

package/MapBrowserEventHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapBrowserEventHandler.d.ts","sourceRoot":"","sources":["MapBrowserEventHandler.js"],"names":[],"mappings":";AAaA;IACE;;;OAGG;IACH,iBAHW,OAAO,UAAU,EAAE,OAAO,sCAyGpC;IAnGC;;;;OAIG;IACH,aAAe;IAEf;;;OAGG;IACH,wBAAoB;IAEpB;;;OAGG;IACH,gBAFU,OAAO,CAEU;IAE3B;;;OAGG;IACH,kBAAsB;IAEtB;;;OAGG;IACH,0BAA2B;IAE3B;;;OAGG;IACH,uBAAqE;IAErE;;;;;OAKG;IACH,cAAiB;IAIjB;;;OAGG;IACH,wBAAyB;IAEzB;;;OAGG;IACH,wBAAyB;IAEzB,sBAAuB;IAEvB;;;OAGG;IACH,gCAKC;IAED;;;OAGG;IACH,kCAA8B;IAE9B;;;OAGG;IACH,4BAKC;IAED;;OAEG;IACH,8BAA6D;IAS/D;;;;OAIG;IACH,sBAiCC;IAED;;;;;;OAMG;IACH,8BA0BC;IAED;;;;OAIG;IACH,yBAiCC;IAED;;;;;OAKG;IACH,6BAEC;IAED;;;;OAIG;IACH,2BA6DC;IAED;;;;OAIG;IACH,2BAiBC;IAED;;;;;OAKG;IACH,wBAWC;IAED;;;;;;;OAOG;IACH,yBAUC;IAED;;;;;OAKG;IACH,kBAOC;CA0BF"}
+{"version":3,"file":"MapBrowserEventHandler.d.ts","sourceRoot":"","sources":["MapBrowserEventHandler.js"],"names":[],"mappings":";AAaA;IACE;;;OAGG;IACH,iBAHW,OAAO,UAAU,EAAE,OAAO,sCAyGpC;IAnGC;;;;OAIG;IACH,aAAe;IAEf;;;OAGG;IACH,wBAAoB;IAEpB;;;OAGG;IACH,gBAFU,OAAO,CAEU;IAE3B;;;OAGG;IACH,kBAAsB;IAEtB;;;OAGG;IACH,0BAA2B;IAE3B;;;OAGG;IACH,uBAAqE;IAErE;;;;;OAKG;IACH,cAAiB;IAIjB;;;OAGG;IACH,wBAAyB;IAEzB;;;OAGG;IACH,wBAAyB;IAEzB,sBAAuB;IAEvB;;;OAGG;IACH,gCAKC;IAED;;;OAGG;IACH,kCAA8B;IAE9B;;;OAGG;IACH,4BAKC;IAED;;OAEG;IACH,8BAA6D;IAS/D;;;;OAIG;IACH,sBA6BC;IAED;;;;;;OAMG;IACH,8BA0BC;IAED;;;;OAIG;IACH,yBAiCC;IAED;;;;;OAKG;IACH,6BAEC;IAED;;;;OAIG;IACH,2BA6DC;IAED;;;;OAIG;IACH,2BAiBC;IAED;;;;;OAKG;IACH,wBAWC;IAED;;;;;;;OAOG;IACH,yBAUC;IAED;;;;;OAKG;IACH,kBAOC;CA0BF"}

package/MapBrowserEventHandler.js

@@ -144,19 +144,15 @@ class MapBrowserEventHandler extends Target {
       this.dispatchEvent(newEvent);
     } else {
       // click
-      this.clickTimeoutId_ = setTimeout(
-        /** @this {MapBrowserEventHandler} */
-        function () {
-          this.clickTimeoutId_ = undefined;
-          const newEvent = new MapBrowserEvent(
-            MapBrowserEventType.SINGLECLICK,
-            this.map_,
-            pointerEvent
-          );
-          this.dispatchEvent(newEvent);
-        }.bind(this),
-        250
-      );
+      this.clickTimeoutId_ = setTimeout(() => {
+        this.clickTimeoutId_ = undefined;
+        const newEvent = new MapBrowserEvent(
+          MapBrowserEventType.SINGLECLICK,
+          this.map_,
+          pointerEvent
+        );
+        this.dispatchEvent(newEvent);
+      }, 250);
     }
   }
 

package/Overlay.d.ts

@@ -112,7 +112,7 @@ export type OverlayOnSignature<Return> = import("./Observable").OnSignature<impo
  *
  * Example:
  *
- *     import Overlay from 'ol/Overlay';
+ *     import Overlay from 'ol/Overlay.js';
  *
  *     // ...
  *     const popup = new Overlay({

package/Overlay.js

@@ -98,7 +98,7 @@ const Property = {
  *
  * Example:
  *
- *     import Overlay from 'ol/Overlay';
+ *     import Overlay from 'ol/Overlay.js';
  *
  *     // ...
  *     const popup = new Overlay({

package/README.md

@@ -76,7 +76,15 @@ OpenLayers appreciates contributions of all kinds.  We especially want to thank
 
 > We develop leading Physical Security Information Management (PSIM) software.
 > OpenLayers is the core of our map engine and we love it! 
-> https://elacompil.recruitee.com/
+> https://ela.pl/
+
+<br>
+
+[![Ubigu Oy logo](./sponsor-logos/ubigu-oy.svg)](https://www.ubigu.fi/)
+
+> We advance holistic utilization and availability of spatial information,
+> for a better planned, built and managed society.
+> https://www.ubigu.fi/
 
 <br>
 

package/Tile.d.ts

@@ -11,7 +11,7 @@ export default Tile;
  * error handling:
  *
  * ```js
- * import TileState from 'ol/TileState';
+ * import TileState from 'ol/TileState.js';
  *
  * source.setTileLoadFunction(function(tile, src) {
  *   const xhr = new XMLHttpRequest();
@@ -68,7 +68,7 @@ export type Options = {
  * error handling:
  *
  * ```js
- * import TileState from 'ol/TileState';
+ * import TileState from 'ol/TileState.js';
  *
  * source.setTileLoadFunction(function(tile, src) {
  *   const xhr = new XMLHttpRequest();

package/Tile.js

@@ -19,7 +19,7 @@ import {easeIn} from './easing.js';
  * error handling:
  *
  * ```js
- * import TileState from 'ol/TileState';
+ * import TileState from 'ol/TileState.js';
  *
  * source.setTileLoadFunction(function(tile, src) {
  *   const xhr = new XMLHttpRequest();

package/TileCache.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TileCache.d.ts","sourceRoot":"","sources":["TileCache.js"],"names":[],"mappings":";AAMA;IAuBM,gDAqBuK;IApC3K;;OAEG;IACH;YAFmB,MAAM,GAAE,OAAO;aAWjC;IAED;;OAEG;IACH,2BAeC;CACF"}
+{"version":3,"file":"TileCache.d.ts","sourceRoot":"","sources":["TileCache.js"],"names":[],"mappings":";AAMA;IAuBM,gDAmB8M;IAlClN;;OAEG;IACH;YAFmB,MAAM,GAAE,OAAO;aAWjC;IAED;;OAEG;IACH,2BAaC;CACF"}

package/TileCache.js

@@ -36,14 +36,12 @@ class TileCache extends LRUCache {
     const key = this.peekFirstKey();
     const tileCoord = fromKey(key);
     const z = tileCoord[0];
-    this.forEach(
-      function (tile) {
-        if (tile.tileCoord[0] !== z) {
-          this.remove(getKey(tile.tileCoord));
-          tile.release();
-        }
-      }.bind(this)
-    );
+    this.forEach((tile) => {
+      if (tile.tileCoord[0] !== z) {
+        this.remove(getKey(tile.tileCoord));
+        tile.release();
+      }
+    });
   }
 }
 

package/array.d.ts

@@ -12,13 +12,13 @@
  */
 export function binarySearch(haystack: Array<any>, needle: any, comparator?: Function | undefined): number;
 /**
- * Compare function for array sort that is safe for numbers.
+ * Compare function sorting arrays in ascending order.  Safe to use for numeric values.
  * @param {*} a The first object to be compared.
  * @param {*} b The second object to be compared.
  * @return {number} A negative number, zero, or a positive number as the first
  *     argument is less than, equal to, or greater than the second.
  */
-export function numberSafeCompareFunction(a: any, b: any): number;
+export function ascending(a: any, b: any): number;
 /**
  * {@link module:ol/tilegrid/TileGrid~TileGrid#getZForResolution} can use a function
  * of this type to determine which nearest resolution to use.

package/array.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"array.d.ts","sourceRoot":"","sources":["array.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;;GAQG;AACH,uCALW,UAAQ,mDAGP,MAAM,CA2BjB;AAED;;;;;;GAMG;AACH,2DAHY,MAAM,CAKjB;AAED;;;;;;;;;;;;GAYG;AAEH;;;;;;;;GAQG;AACH,uCARW,MAAM,MAAM,CAAC,UACb,MAAM,aACN,MAAM,GAAC,wBAAwB,GAI9B,MAAM,CAwCjB;AAED;;;;GAIG;AACH,qCAJW,UAAQ,SACR,MAAM,OACN,MAAM,QAUhB;AAED;;;;GAIG;AACH,yEAMC;AAED;;;;;GAKG;AACH,yDAFY,OAAO,CASlB;AAED;;;;GAIG;AACH,6BAJW,QAAM,iBAAiB,QACvB,QAAM,iBAAiB,GACtB,OAAO,CAalB;AAED;;;;;;GAMG;AACH,gCAJW,UAAQ,wCACS,MAAM,QAgBjC;AAED;;;;;GAKG;AACH,8BALW,UAAQ,8DAGP,OAAO,CAWlB;;;;;;;;;;;;8CAvJqB,MAAM,QAAE,MAAM,QAAE,MAAM,KAAG,MAAM"}
+{"version":3,"file":"array.d.ts","sourceRoot":"","sources":["array.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;;GAQG;AACH,uCALW,UAAQ,mDAGP,MAAM,CA2BjB;AAED;;;;;;GAMG;AACH,2CAHY,MAAM,CAKjB;AAED;;;;;;;;;;;;GAYG;AAEH;;;;;;;;GAQG;AACH,uCARW,MAAM,MAAM,CAAC,UACb,MAAM,aACN,MAAM,GAAC,wBAAwB,GAI9B,MAAM,CAwCjB;AAED;;;;GAIG;AACH,qCAJW,UAAQ,SACR,MAAM,OACN,MAAM,QAUhB;AAED;;;;GAIG;AACH,yEAMC;AAED;;;;;GAKG;AACH,yDAFY,OAAO,CASlB;AAED;;;;GAIG;AACH,6BAJW,QAAM,iBAAiB,QACvB,QAAM,iBAAiB,GACtB,OAAO,CAalB;AAED;;;;;;GAMG;AACH,gCAJW,UAAQ,wCACS,MAAM,QAgBjC;AAED;;;;;GAKG;AACH,8BALW,UAAQ,8DAGP,OAAO,CAWlB;;;;;;;;;;;;8CAvJqB,MAAM,QAAE,MAAM,QAAE,MAAM,KAAG,MAAM"}

package/array.js

@@ -13,7 +13,7 @@
  */
 export function binarySearch(haystack, needle, comparator) {
   let mid, cmp;
-  comparator = comparator || numberSafeCompareFunction;
+  comparator = comparator || ascending;
   let low = 0;
   let high = haystack.length;
   let found = false;
@@ -39,13 +39,13 @@ export function binarySearch(haystack, needle, comparator) {
 }
 
 /**
- * Compare function for array sort that is safe for numbers.
+ * Compare function sorting arrays in ascending order.  Safe to use for numeric values.
  * @param {*} a The first object to be compared.
  * @param {*} b The second object to be compared.
  * @return {number} A negative number, zero, or a positive number as the first
  *     argument is less than, equal to, or greater than the second.
  */
-export function numberSafeCompareFunction(a, b) {
+export function ascending(a, b) {
   return a > b ? 1 : a < b ? -1 : 0;
 }
 
@@ -202,7 +202,7 @@ export function stableSort(arr, compareFnc) {
  * @return {boolean} Return index.
  */
 export function isSorted(arr, func, strict) {
-  const compare = func || numberSafeCompareFunction;
+  const compare = func || ascending;
   return arr.every(function (currentVal, index) {
     if (index === 0) {
       return true;

package/console.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Set the logging level.  By default, the level is set to 'info' and all
+ * messages will be logged.  Set to 'warn' to only display warnings and errors.
+ * Set to 'error' to only display errors.  Set to 'none' to silence all messages.
+ *
+ * @param {Level} l The new level.
+ */
+export function setLevel(l: Level): void;
+export function log(...args: any[]): void;
+export function warn(...args: any[]): void;
+export function error(...args: any[]): void;
+export type Level = 'info' | 'warn' | 'error' | 'none';
+//# sourceMappingURL=console.d.ts.map

package/console.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"console.d.ts","sourceRoot":"","sources":["console.js"],"names":[],"mappings":"AAuBA;;;;;;GAMG;AACH,4BAFW,KAAK,QAIf;AAED,0CAKC;AAED,2CAKC;AAED,4CAKC;oBAhDY,MAAM,GAAC,MAAM,GAAC,OAAO,GAAC,MAAM"}

package/console.js

@@ -0,0 +1,54 @@
+/**
+ * @module ol/console
+ */
+
+/**
+ * @typedef {'info'|'warn'|'error'|'none'} Level
+ */
+
+/**
+ * @type {Object<Level, number>}
+ */
+const levels = {
+  info: 1,
+  warn: 2,
+  error: 3,
+  none: 4,
+};
+
+/**
+ * @type {number}
+ */
+let level = levels.info;
+
+/**
+ * Set the logging level.  By default, the level is set to 'info' and all
+ * messages will be logged.  Set to 'warn' to only display warnings and errors.
+ * Set to 'error' to only display errors.  Set to 'none' to silence all messages.
+ *
+ * @param {Level} l The new level.
+ */
+export function setLevel(l) {
+  level = levels[l];
+}
+
+export function log(...args) {
+  if (level > levels.info) {
+    return;
+  }
+  console.log(...args); // eslint-disable-line no-console
+}
+
+export function warn(...args) {
+  if (level > levels.warn) {
+    return;
+  }
+  console.warn(...args); // eslint-disable-line no-console
+}
+
+export function error(...args) {
+  if (level > levels.error) {
+    return;
+  }
+  console.error(...args); // eslint-disable-line no-console
+}

package/control/MousePosition.d.ts

@@ -35,6 +35,11 @@ export type Options = {
      * placeholder.
      */
     placeholder?: string | undefined;
+    /**
+     * Wrap the world horizontally on the projection's antimeridian, if it
+     * is a global projection.
+     */
+    wrapX?: boolean | undefined;
 };
 /***
  * @template Return
@@ -59,6 +64,8 @@ export type Options = {
  * initially and the last position is retained when the mouse leaves the viewport.
  * When a string is provided (e.g. `'no position'` or `''` for an empty string) it is used as a
  * placeholder.
+ * @property {boolean} [wrapX=true] Wrap the world horizontally on the projection's antimeridian, if it
+ * is a global projection.
  */
 /**
  * @classdesc
@@ -114,6 +121,11 @@ declare class MousePosition extends Control {
      * @type {?import("../proj.js").TransformFunction}
      */
     private transform_;
+    /**
+     * @private
+     * @type {boolean}
+     */
+    private wrapX_;
     /**
      * @private
      */

package/control/MousePosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MousePosition.d.ts","sourceRoot":"","sources":["MousePosition.js"],"names":[],"mappings":";;;;+CA0Ba,OAAO,eAAe,EAAE,WAAW,CAAC,OAAO,eAAe,EAAE,UAAU,EAAE,OAAO,oBAAoB,EAAE,OAAO,EAAE,MAAM,CAAC,GACjI,OAAW,eAAe,EAAE,WAAW,CAAC,OAAO,oBAAoB,EAAE,KAAK,GAC1E,yBAA+B,GAAC,mBAAmB,EAAE,OAAO,WAAW,EAAE,WAAW,EAAE,MAAM,CAAC,GAC7F,OAAW,eAAe,EAAE,mBAAmB,CAAC,OAAO,eAAe,EAAE,UAAU,GAAC,OAAO,oBAAoB,EAAE,KAAK,GACrH,yBAA+B,GAAC,mBAAmB,EAAE,MAAM,CAAC;;;;;;;;;;;;;iBAO/C,OAAO,YAAY,EAAE,cAAc;;;;;;qBAC1B,OAAO,gBAAgB,EAAE,OAAO,KAAE,IAAI;;;;;;;;;;;;;;;AAd7D;;;;;;;GAOG;AAEH;;;;;;;;;;;;;;;GAeG;AAEH;;;;;;;;;;;GAWG;AACH;IACE;;OAEG;IACH,2CAkEC;IArDC;;OAEG;IACH,IAFU,yBAAyB,OAAO,WAAW,EAAE,SAAS,CAAC,CAE1D;IAEP;;OAEG;IACH,MAFU,yBAAyB,OAAO,WAAW,EAAE,SAAS,CAAC,CAExD;IAET;;OAEG;IACH,IAFU,yBAAyB,IAAI,CAAC,CAEjC;IAWP;;;OAGG;IACH,0BAA0D;IAE1D;;;OAGG;IACH,qBAA2E;IAE3E;;;OAGG;IACH,sBAAsC;IAEtC;;;OAGG;IACH,uBAA0B;IAE1B;;;OAGG;IACH,mBAAsB;IAGxB;;OAEG;IACH,iCAEC;IAED;;;;;;;OAOG;IACH,uBALY,OAAO,kBAAkB,EAAE,gBAAgB,GAAC,SAAS,CAShE;IAED;;;;;;OAMG;IACH,iBALY,OAAO,uBAAuB,EAAE,OAAO,GAAC,SAAS,CAS5D;IAED;;;OAGG;IACH,iCAHW,UAAU,QAMpB;IAED;;;OAGG;IACH,gCAHW,KAAK,QAKf;IA0BD;;;;;;OAMG;IACH,4BALW,OAAO,kBAAkB,EAAE,gBAAgB,QAOrD;IAED;;;;;;OAMG;IACH,0BALW,OAAO,YAAY,EAAE,cAAc,QAO7C;IAED;;;OAGG;IACH,oBAqCC;CAmBF"}
+{"version":3,"file":"MousePosition.d.ts","sourceRoot":"","sources":["MousePosition.js"],"names":[],"mappings":";;;;+CA2Ba,OAAO,eAAe,EAAE,WAAW,CAAC,OAAO,eAAe,EAAE,UAAU,EAAE,OAAO,oBAAoB,EAAE,OAAO,EAAE,MAAM,CAAC,GACjI,OAAW,eAAe,EAAE,WAAW,CAAC,OAAO,oBAAoB,EAAE,KAAK,GAC1E,yBAA+B,GAAC,mBAAmB,EAAE,OAAO,WAAW,EAAE,WAAW,EAAE,MAAM,CAAC,GAC7F,OAAW,eAAe,EAAE,mBAAmB,CAAC,OAAO,eAAe,EAAE,UAAU,GAAC,OAAO,oBAAoB,EAAE,KAAK,GACrH,yBAA+B,GAAC,mBAAmB,EAAE,MAAM,CAAC;;;;;;;;;;;;;iBAO/C,OAAO,YAAY,EAAE,cAAc;;;;;;qBAC1B,OAAO,gBAAgB,EAAE,OAAO,KAAE,IAAI;;;;;;;;;;;;;;;;;;;;AAd7D;;;;;;;GAOG;AAEH;;;;;;;;;;;;;;;;;GAiBG;AAEH;;;;;;;;;;;GAWG;AACH;IACE;;OAEG;IACH,2CAwEC;IA3DC;;OAEG;IACH,IAFU,yBAAyB,OAAO,WAAW,EAAE,SAAS,CAAC,CAE1D;IAEP;;OAEG;IACH,MAFU,yBAAyB,OAAO,WAAW,EAAE,SAAS,CAAC,CAExD;IAET;;OAEG;IACH,IAFU,yBAAyB,IAAI,CAAC,CAEjC;IAWP;;;OAGG;IACH,0BAA0D;IAE1D;;;OAGG;IACH,qBAA2E;IAE3E;;;OAGG;IACH,sBAAsC;IAEtC;;;OAGG;IACH,uBAA0B;IAE1B;;;OAGG;IACH,mBAAsB;IAEtB;;;OAGG;IACH,eAAoD;IAGtD;;OAEG;IACH,iCAEC;IAED;;;;;;;OAOG;IACH,uBALY,OAAO,kBAAkB,EAAE,gBAAgB,GAAC,SAAS,CAShE;IAED;;;;;;OAMG;IACH,iBALY,OAAO,uBAAuB,EAAE,OAAO,GAAC,SAAS,CAS5D;IAED;;;OAGG;IACH,iCAHW,UAAU,QAMpB;IAED;;;OAGG;IACH,gCAHW,KAAK,QAKf;IA0BD;;;;;;OAMG;IACH,4BALW,OAAO,kBAAkB,EAAE,gBAAgB,QAOrD;IAED;;;;;;OAMG;IACH,0BALW,OAAO,YAAY,EAAE,cAAc,QAO7C;IAED;;;OAGG;IACH,oBA0CC;CAmBF"}

package/control/MousePosition.js

@@ -11,6 +11,7 @@ import {
   identityTransform,
 } from '../proj.js';
 import {listen} from '../events.js';
+import {wrapX} from '../coordinate.js';
 
 /**
  * @type {string}
@@ -46,6 +47,8 @@ const COORDINATE_FORMAT = 'coordinateFormat';
  * initially and the last position is retained when the mouse leaves the viewport.
  * When a string is provided (e.g. `'no position'` or `''` for an empty string) it is used as a
  * placeholder.
+ * @property {boolean} [wrapX=true] Wrap the world horizontally on the projection's antimeridian, if it
+ * is a global projection.
  */
 
 /**
@@ -130,6 +133,12 @@ class MousePosition extends Control {
      * @type {?import("../proj.js").TransformFunction}
      */
     this.transform_ = null;
+
+    /**
+     * @private
+     * @type {boolean}
+     */
+    this.wrapX_ = options.wrapX === false ? false : true;
   }
 
   /**
@@ -258,6 +267,11 @@ class MousePosition extends Control {
           );
         }
         this.transform_(coordinate, coordinate);
+        if (this.wrapX_) {
+          const projection =
+            userProjection || this.getProjection() || this.mapProjection_;
+          wrapX(coordinate, projection);
+        }
         const coordinateFormat = this.getCoordinateFormat();
         if (coordinateFormat) {
           html = coordinateFormat(coordinate);