npm - @vaadin/bundles - Versions diffs - 25.3.0-alpha13 → 25.3.0-alpha14 - Mend

@vaadin/bundles 25.3.0-alpha13 → 25.3.0-alpha14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (105) hide show

package/vendors-node_modules_vaadin_map_node_modules_ol_interaction_Extent_js.js CHANGED Viewed

@@ -11,14 +11,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "ExtentEvent": () => (/* binding */ ExtentEvent),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _Feature_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Feature.js */ "./node_modules/@vaadin/map/node_modules/ol/Feature.js");
-/* harmony import */ var _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../MapBrowserEventType.js */ "./node_modules/@vaadin/map/node_modules/ol/MapBrowserEventType.js");
+/* harmony import */ var _Feature_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Feature.js */ "./node_modules/@vaadin/map/node_modules/ol/Feature.js");
+/* harmony import */ var _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../MapBrowserEventType.js */ "./node_modules/@vaadin/map/node_modules/ol/MapBrowserEventType.js");
 /* harmony import */ var _coordinate_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../coordinate.js */ "./node_modules/@vaadin/map/node_modules/ol/coordinate.js");
 /* harmony import */ var _events_Event_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../events/Event.js */ "./node_modules/@vaadin/map/node_modules/ol/events/Event.js");
 /* harmony import */ var _events_condition_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../events/condition.js */ "./node_modules/@vaadin/map/node_modules/ol/events/condition.js");
-/* harmony import */ var _extent_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../extent.js */ "./node_modules/@vaadin/map/node_modules/ol/extent.js");
-/* harmony import */ var _geom_Point_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../geom/Point.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/Point.js");
-/* harmony import */ var _geom_Polygon_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../geom/Polygon.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/Polygon.js");
+/* harmony import */ var _extent_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../extent.js */ "./node_modules/@vaadin/map/node_modules/ol/extent.js");
+/* harmony import */ var _geom_Point_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../geom/Point.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/Point.js");
+/* harmony import */ var _geom_Polygon_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../geom/Polygon.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/Polygon.js");
 /* harmony import */ var _layer_Vector_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../layer/Vector.js */ "./node_modules/@vaadin/map/node_modules/ol/layer/Vector.js");
 /* harmony import */ var _proj_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../proj.js */ "./node_modules/@vaadin/map/node_modules/ol/proj.js");
 /* harmony import */ var _source_Vector_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../source/Vector.js */ "./node_modules/@vaadin/map/node_modules/ol/source/Vector.js");
@@ -47,6 +47,11 @@ __webpack_require__.r(__webpack_exports__);
  * takes a {@link module:ol/MapBrowserEvent~MapBrowserEvent} and returns a
  * boolean to indicate whether that event should be handled.
  * Default is {@link module:ol/events/condition.always}.
+ * @property {import("../events/condition.js").Condition|null} [createCondition=null] A function that
+ * takes a {@link module:ol/MapBrowserEvent~MapBrowserEvent} and returns a
+ * boolean to indicate whether that event should be handled to create a new extent.
+ * If `null`, the `condition` will also be used as `createCondition`.
+ * @property {boolean} [drag=false] An extent can be dragged.
  * @property {import("../extent.js").Extent} [extent] Initial extent. Defaults to no
  * initial extent.
  * @property {import("../style/Style.js").StyleLike} [boxStyle]
@@ -100,11 +105,11 @@ class ExtentEvent extends _events_Event_js__WEBPACK_IMPORTED_MODULE_1__["default
 /***
  * @template Return
- * @typedef {import("../Observable").OnSignature<import("../Observable").EventTypes, import("../events/Event.js").default, Return> &
- *   import("../Observable").OnSignature<import("../ObjectEventType").Types|
- *     'change:active', import("../Object").ObjectEvent, Return> &
- *   import("../Observable").OnSignature<'extentchanged', ExtentEvent, Return> &
- *   import("../Observable").CombinedOnSignature<import("../Observable").EventTypes|import("../ObjectEventType").Types|
+ * @typedef {import("../Observable.js").OnSignature<import("../Observable.js").EventTypes, import("../events/Event.js").default, Return> &
+ *   import("../Observable.js").OnSignature<import("../ObjectEventType.js").Types|
+ *     'change:active', import("../Object.js").ObjectEvent, Return> &
+ *   import("../Observable.js").OnSignature<'extentchanged', ExtentEvent, Return> &
+ *   import("../Observable.js").CombinedOnSignature<import("../Observable.js").EventTypes|import("../ObjectEventType.js").Types|
  *     'change:active'|'extentchanged', Return>} ExtentOnSignature
  */
@@ -112,7 +117,8 @@ class ExtentEvent extends _events_Event_js__WEBPACK_IMPORTED_MODULE_1__["default
  * @classdesc
  * Allows the user to draw a vector box by clicking and dragging on the map.
  * Once drawn, the vector box can be modified by dragging its vertices or edges.
- * This interaction is only supported for mouse devices.
+ * The interaction can also be configured with an initial extent and a `createCondition`
+ * to prevent the creation of a new extent on `pointerdown`, if desired.
  *
  * @fires ExtentEvent
  * @api
@@ -127,12 +133,12 @@ class Extent extends _Pointer_js__WEBPACK_IMPORTED_MODULE_2__["default"] {
     super(/** @type {import("./Pointer.js").Options} */ (options));
     /***
-     * @type {ExtentOnSignature<import("../events").EventsKey>}
+     * @type {ExtentOnSignature<import("../events.js").EventsKey>}
      */
     this.on;
     /***
-     * @type {ExtentOnSignature<import("../events").EventsKey>}
+     * @type {ExtentOnSignature<import("../events.js").EventsKey>}
      */
     this.once;
@@ -148,6 +154,18 @@ class Extent extends _Pointer_js__WEBPACK_IMPORTED_MODULE_2__["default"] {
      */
     this.condition_ = options.condition ? options.condition : _events_condition_js__WEBPACK_IMPORTED_MODULE_3__.always;
+    /**
+     * @type {import("../events/condition.js").Condition}
+     * @private
+     */
+    this.createCondition_ = options.createCondition || this.condition_;
+    /**
+     * @type {boolean}
+     * @private
+     */
+    this.drag_ = options.drag || false;
     /**
      * Extent of the drawn box
      * @type {import("../extent.js").Extent}
@@ -279,17 +297,31 @@ class Extent extends _Pointer_js__WEBPACK_IMPORTED_MODULE_2__["default"] {
   /**
    * @param {import("../MapBrowserEvent.js").default} mapBrowserEvent pointer move event
+   * @return {boolean} The event was handled.
    * @private
    */
   handlePointerMove_(mapBrowserEvent) {
     const pixel = mapBrowserEvent.pixel;
     const map = mapBrowserEvent.map;
+    const draggable =
+      this.drag_ &&
+      (0,_extent_js__WEBPACK_IMPORTED_MODULE_7__.containsCoordinate)(this.extent_, mapBrowserEvent.coordinate);
     let vertex = this.snapToVertex_(pixel, map);
-    if (!vertex) {
+    if (!vertex && this.createCondition_(mapBrowserEvent) && !draggable) {
       vertex = map.getCoordinateFromPixelInternal(pixel);
     }
-    this.createOrUpdatePointerFeature_(vertex);
+    if (draggable && !vertex) {
+      this.getMap().getViewport().classList.add('ol-grab');
+    } else {
+      this.getMap().getViewport().classList.remove('ol-grab');
+    }
+    if (vertex) {
+      this.updatePointerFeature_(vertex);
+      return true;
+    }
+    this.noVertexFeature_();
+    return false;
   }
   /**
@@ -302,9 +334,9 @@ class Extent extends _Pointer_js__WEBPACK_IMPORTED_MODULE_2__["default"] {
     if (!extentFeature) {
       if (!extent) {
-        extentFeature = new _Feature_js__WEBPACK_IMPORTED_MODULE_7__["default"]({});
+        extentFeature = new _Feature_js__WEBPACK_IMPORTED_MODULE_8__["default"]({});
       } else {
-        extentFeature = new _Feature_js__WEBPACK_IMPORTED_MODULE_7__["default"]((0,_geom_Polygon_js__WEBPACK_IMPORTED_MODULE_8__.fromExtent)(extent));
+        extentFeature = new _Feature_js__WEBPACK_IMPORTED_MODULE_8__["default"]((0,_geom_Polygon_js__WEBPACK_IMPORTED_MODULE_9__.fromExtent)(extent));
       }
       this.extentFeature_ = extentFeature;
       this.extentOverlay_.getSource().addFeature(extentFeature);
@@ -312,7 +344,7 @@ class Extent extends _Pointer_js__WEBPACK_IMPORTED_MODULE_2__["default"] {
       if (!extent) {
         extentFeature.setGeometry(undefined);
       } else {
-        extentFeature.setGeometry((0,_geom_Polygon_js__WEBPACK_IMPORTED_MODULE_8__.fromExtent)(extent));
+        extentFeature.setGeometry((0,_geom_Polygon_js__WEBPACK_IMPORTED_MODULE_9__.fromExtent)(extent));
       }
     }
     return extentFeature;
@@ -320,22 +352,35 @@ class Extent extends _Pointer_js__WEBPACK_IMPORTED_MODULE_2__["default"] {
   /**
    * @param {import("../coordinate.js").Coordinate} vertex location of feature
+   * @param {boolean} [createIfNotExists] create the feature if it does not exist
    * @return {Feature} vertex as feature
    * @private
    */
-  createOrUpdatePointerFeature_(vertex) {
+  updatePointerFeature_(vertex, createIfNotExists = true) {
     let vertexFeature = this.vertexFeature_;
-    if (!vertexFeature) {
-      vertexFeature = new _Feature_js__WEBPACK_IMPORTED_MODULE_7__["default"](new _geom_Point_js__WEBPACK_IMPORTED_MODULE_9__["default"](vertex));
+    if (createIfNotExists && !vertexFeature) {
+      vertexFeature = new _Feature_js__WEBPACK_IMPORTED_MODULE_8__["default"](new _geom_Point_js__WEBPACK_IMPORTED_MODULE_10__["default"](vertex));
       this.vertexFeature_ = vertexFeature;
       this.vertexOverlay_.getSource().addFeature(vertexFeature);
-    } else {
+    }
+    if (vertexFeature) {
       const geometry = vertexFeature.getGeometry();
       geometry.setCoordinates(vertex);
     }
     return vertexFeature;
   }
+  /**
+   * Remove the vertex feature if it exists.
+   * @private
+   */
+  noVertexFeature_() {
+    if (this.vertexFeature_) {
+      this.vertexOverlay_.getSource().removeFeature(this.vertexFeature_);
+      this.vertexFeature_ = null;
+    }
+  }
   /**
    * @param {import("../MapBrowserEvent.js").default} mapBrowserEvent Map browser event.
    * @return {boolean} `false` to stop event propagation.
@@ -343,19 +388,23 @@ class Extent extends _Pointer_js__WEBPACK_IMPORTED_MODULE_2__["default"] {
    */
   handleEvent(mapBrowserEvent) {
     if (!mapBrowserEvent.originalEvent || !this.condition_(mapBrowserEvent)) {
+      this.noVertexFeature_();
       return true;
     }
+    let handled = this.handlingDownUpSequence;
     //display pointer (if not dragging)
     if (
-      mapBrowserEvent.type == _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_10__["default"].POINTERMOVE &&
+      mapBrowserEvent.type == _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_11__["default"].POINTERMOVE &&
       !this.handlingDownUpSequence
     ) {
-      this.handlePointerMove_(mapBrowserEvent);
+      handled = this.handlePointerMove_(mapBrowserEvent);
     }
     //call pointer to determine up/down/drag
     super.handleEvent(mapBrowserEvent);
     //return false to stop propagation
-    return false;
+    return !handled;
   }
   /**
@@ -411,13 +460,22 @@ class Extent extends _Pointer_js__WEBPACK_IMPORTED_MODULE_2__["default"] {
           getOpposingPoint([extent[2], y]),
         );
       }
-      //no snap - new bbox
+      //no snap - new bbox or dragging existing bbox
     } else {
       vertex = map.getCoordinateFromPixelInternal(pixel);
-      this.setExtent([vertex[0], vertex[1], vertex[0], vertex[1]]);
-      this.pointerHandler_ = getPointHandler(vertex);
+      let drag = false;
+      if (this.drag_) {
+        if ((0,_extent_js__WEBPACK_IMPORTED_MODULE_7__.containsCoordinate)(extent, vertex)) {
+          this.pointerHandler_ = getDragHandler(extent, vertex);
+          drag = true;
+        }
+      }
+      if (!drag && this.createCondition_(mapBrowserEvent)) {
+        this.setExtent([vertex[0], vertex[1], vertex[0], vertex[1]]);
+        this.pointerHandler_ = getPointHandler(vertex);
+      }
     }
-    return true; //event handled; start downup sequence
+    return !!this.pointerHandler_; //event handled; start downup sequence
   }
   /**
@@ -429,7 +487,7 @@ class Extent extends _Pointer_js__WEBPACK_IMPORTED_MODULE_2__["default"] {
     if (this.pointerHandler_) {
       const pixelCoordinate = mapBrowserEvent.coordinate;
       this.setExtent(this.pointerHandler_(pixelCoordinate));
-      this.createOrUpdatePointerFeature_(pixelCoordinate);
+      this.updatePointerFeature_(pixelCoordinate, false);
     }
   }
@@ -443,7 +501,7 @@ class Extent extends _Pointer_js__WEBPACK_IMPORTED_MODULE_2__["default"] {
     this.pointerHandler_ = null;
     //If bbox is zero area, set to null;
     const extent = this.getExtentInternal();
-    if (!extent || (0,_extent_js__WEBPACK_IMPORTED_MODULE_11__.getArea)(extent) === 0) {
+    if (!extent || (0,_extent_js__WEBPACK_IMPORTED_MODULE_7__.getArea)(extent) === 0) {
       this.setExtent(null);
     }
     return false; //Stop handling downup sequence
@@ -480,6 +538,7 @@ class Extent extends _Pointer_js__WEBPACK_IMPORTED_MODULE_2__["default"] {
    *
    * @return {import("../extent.js").Extent} Drawn extent in the view projection.
    * @api
+   * @deprecated Use {@link module:ol/interaction/Extent~Extent#getExtent} instead.
    */
   getExtentInternal() {
     return this.extent_;
@@ -529,7 +588,7 @@ function getDefaultPointerStyleFunction() {
  */
 function getPointHandler(fixedPoint) {
   return function (point) {
-    return (0,_extent_js__WEBPACK_IMPORTED_MODULE_11__.boundingExtent)([fixedPoint, point]);
+    return (0,_extent_js__WEBPACK_IMPORTED_MODULE_7__.boundingExtent)([fixedPoint, point]);
   };
 }
@@ -541,17 +600,35 @@ function getPointHandler(fixedPoint) {
 function getEdgeHandler(fixedP1, fixedP2) {
   if (fixedP1[0] == fixedP2[0]) {
     return function (point) {
-      return (0,_extent_js__WEBPACK_IMPORTED_MODULE_11__.boundingExtent)([fixedP1, [point[0], fixedP2[1]]]);
+      return (0,_extent_js__WEBPACK_IMPORTED_MODULE_7__.boundingExtent)([fixedP1, [point[0], fixedP2[1]]]);
     };
   }
   if (fixedP1[1] == fixedP2[1]) {
     return function (point) {
-      return (0,_extent_js__WEBPACK_IMPORTED_MODULE_11__.boundingExtent)([fixedP1, [fixedP2[0], point[1]]]);
+      return (0,_extent_js__WEBPACK_IMPORTED_MODULE_7__.boundingExtent)([fixedP1, [fixedP2[0], point[1]]]);
     };
   }
   return null;
 }
+/**
+ * @param {import("../extent.js").Extent} extent The extent that will be dragged
+ * @param {import("../coordinate.js").Coordinate} vertex The vertex that drag delta is calculated from
+ * @return {PointerHandler|null} event handler
+ */
+function getDragHandler(extent, vertex) {
+  return function (point) {
+    const deltaX = point[0] - vertex[0];
+    const deltaY = point[1] - vertex[1];
+    return [
+      extent[0] + deltaX,
+      extent[1] + deltaY,
+      extent[2] + deltaX,
+      extent[3] + deltaY,
+    ];
+  };
+}
 /**
  * @param {import("../extent.js").Extent} extent extent
  * @return {Array<Array<import("../coordinate.js").Coordinate>>} extent line segments

package/vendors-node_modules_vaadin_map_node_modules_ol_interaction_Extent_js.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"vendors-node_modules_vaadin_map_node_modules_ol_interaction_Extent_js.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACoC;AACwB;AAMlC;AACa;AACO;AACO;AAChB;AAC8B;AACtB;AACL;AACO;AACM;AACP;;AAE9C;AACA,aAAa,QAAQ;AACrB,cAAc,4CAA4C;AAC1D,YAAY,iDAAiD;AAC7D;AACA,eAAe,wCAAwC;AACvD,cAAc,+BAA+B;AAC7C;AACA,cAAc,uCAAuC;AACrD;AACA,kBAAkB;AAClB,cAAc,QAAQ;AACtB;AACA,cAAc,uCAAuC;AACrD;AACA,kBAAkB;AAClB,cAAc,SAAS;AACvB;AACA;;AAEA;AACA,UAAU;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,sBAAsB,2CAA2C;AACjE;AACA;AACO,0BAA0B,wDAAK;AACtC;AACA,aAAa,+BAA+B;AAC5C;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,iFAAiF;AAC9F;;AAEA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,iDAAiD;AACjD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,mDAAkB;AACvC;AACA,aAAa,SAAS;AACtB;AACA;AACA;;AAEA,qBAAqB,gCAAgC;;AAErD;AACA,cAAc;AACd;AACA;;AAEA;AACA,cAAc;AACd;AACA;;AAEA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA,8DAA8D,wDAAM;;AAEpE;AACA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA,8BAA8B,wDAAW;AACzC,kBAAkB,yDAAY;AAC9B;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA,cAAc;AACd;AACA;AACA,8BAA8B,wDAAW;AACzC,kBAAkB,yDAAY;AAC9B;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA;AACA;;AAEA;AACA,aAAa,6BAA6B;AAC1C,aAAa,6BAA6B;AAC1C,cAAc,4CAA4C;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,wEAAwB;AAChC,QAAQ,wEAAwB;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,mBAAmB,gEAAgB;AACnC;;AAEA;AACA,UAAU,wDAAkB;AAC5B;AACA;AACA;AACA,6BAA6B,+DAAyB;AACtD,6BAA6B,+DAAyB;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,yCAAyC;AACtD;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,+BAA+B;AAC5C,cAAc,SAAS;AACvB;AACA;AACA;AACA;;AAEA;AACA;AACA,4BAA4B,mDAAO,GAAG;AACtC,QAAQ;AACR,4BAA4B,mDAAO,CAAC,4DAAiB;AACrD;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,QAAQ;AACR,kCAAkC,4DAAiB;AACnD;AACA;AACA;AACA;;AAEA;AACA,aAAa,uCAAuC;AACpD,cAAc,SAAS;AACvB;AACA;AACA;AACA;AACA;AACA,0BAA0B,mDAAO,KAAK,sDAAK;AAC3C;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,yCAAyC;AACtD,cAAc,SAAS;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,4EAA+B;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,yCAAyC;AACtD,cAAc,SAAS;AACvB;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,iBAAiB,iBAAiB;AAClC;;AAEA;AACA;AACA,aAAa,yCAAyC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,yCAAyC;AACtD,cAAc,SAAS;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,oDAAO;AAC1B;AACA;AACA,kBAAkB;AAClB;;AAEA;AACA;AACA;AACA;AACA,aAAa,6BAA6B;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,cAAc,+BAA+B;AAC7C;AACA;AACA;AACA,WAAW,sDAAY;AACvB;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,cAAc,+BAA+B;AAC7C;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,aAAa,+BAA+B;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,YAAY,2CAA2C;AACvD;AACA;AACA,gBAAgB,oEAAkB;AAClC;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,YAAY,2CAA2C;AACvD;AACA;AACA,gBAAgB,oEAAkB;AAClC;AACA;AACA;AACA;;AAEA;AACA,WAAW,uCAAuC;AAClD,YAAY,iFAAiF;AAC7F;AACA;AACA;AACA,WAAW,2DAAc;AACzB;AACA;;AAEA;AACA,WAAW,uCAAuC;AAClD,WAAW,uCAAuC;AAClD,YAAY,qBAAqB;AACjC;AACA;AACA;AACA;AACA,aAAa,2DAAc;AAC3B;AACA;AACA;AACA;AACA,aAAa,2DAAc;AAC3B;AACA;AACA;AACA;;AAEA;AACA,WAAW,+BAA+B;AAC1C,YAAY,qDAAqD;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,iEAAe,MAAM,EAAC","sources":["webpack://@vaadin/bundles/./node_modules/@vaadin/map/node_modules/ol/interaction/Extent.js"],"sourcesContent":["/*\n @module ol/interaction/Extent\n /\nimport Feature from '../Feature.js';\nimport MapBrowserEventType from '../MapBrowserEventType.js';\nimport {\n closestOnSegment,\n distance as coordinateDistance,\n squaredDistance as squaredCoordinateDistance,\n squaredDistanceToSegment,\n} from '../coordinate.js';\nimport Event from '../events/Event.js';\nimport {always} from '../events/condition.js';\nimport {boundingExtent, getArea} from '../extent.js';\nimport Point from '../geom/Point.js';\nimport {fromExtent as polygonFromExtent} from '../geom/Polygon.js';\nimport VectorLayer from '../layer/Vector.js';\nimport {toUserExtent} from '../proj.js';\nimport VectorSource from '../source/Vector.js';\nimport {createEditingStyle} from '../style/Style.js';\nimport PointerInteraction from './Pointer.js';\n\n/\n @typedef {Object} Options\n * @property {import(\"../events/condition.js\").Condition} [condition] A function that\n * takes a {@link module:ol/MapBrowserEvent~MapBrowserEvent} and returns a\n * boolean to indicate whether that event should be handled.\n * Default is {@link module:ol/events/condition.always}.\n * @property {import(\"../extent.js\").Extent} [extent] Initial extent. Defaults to no\n * initial extent.\n * @property {import(\"../style/Style.js\").StyleLike} [boxStyle]\n * Style for the drawn extent box. Defaults to the `Polygon` editing style\n * documented in {@link module:ol/style/Style~Style}\n * @property {number} [pixelTolerance=10] Pixel tolerance for considering the\n * pointer close enough to a segment or vertex for editing.\n * @property {import(\"../style/Style.js\").StyleLike} [pointerStyle]\n * Style for the cursor used to draw the extent. Defaults to the `Point` editing style\n * documented in {@link module:ol/style/Style~Style}\n * @property {boolean} [wrapX=false] Wrap the drawn extent across multiple maps\n * in the X direction? Only affects visuals, not functionality.\n /\n\n/\n @enum {string}\n /\nconst ExtentEventType = {\n /\n Triggered after the extent is changed\n * @event ExtentEvent#extentchanged\n * @api\n /\n EXTENTCHANGED: 'extentchanged',\n};\n\n/\n @classdesc\n * Events emitted by {@link module:ol/interaction/Extent~Extent} instances are\n * instances of this type.\n /\nexport class ExtentEvent extends Event {\n /\n @param {import(\"../extent.js\").Extent} extent the new extent\n /\n constructor(extent) {\n super(ExtentEventType.EXTENTCHANGED);\n\n /\n The current extent.\n * @type {import(\"../extent.js\").Extent}\n * @api\n /\n this.extent = extent;\n }\n}\n\n/\n @typedef {function (import(\"../coordinate.js\").Coordinate): import(\"../extent.js\").Extent} PointerHandler\n /\n\n/*\n @template Return\n * @typedef {import(\"../Observable\").OnSignature<import(\"../Observable\").EventTypes, import(\"../events/Event.js\").default, Return> &\n * import(\"../Observable\").OnSignature<import(\"../ObjectEventType\").Types\|\n * 'change:active', import(\"../Object\").ObjectEvent, Return> &\n * import(\"../Observable\").OnSignature<'extentchanged', ExtentEvent, Return> &\n * import(\"../Observable\").CombinedOnSignature<import(\"../Observable\").EventTypes\|import(\"../ObjectEventType\").Types\|\n * 'change:active'\|'extentchanged', Return>} ExtentOnSignature\n /\n\n/\n @classdesc\n * Allows the user to draw a vector box by clicking and dragging on the map.\n * Once drawn, the vector box can be modified by dragging its vertices or edges.\n * This interaction is only supported for mouse devices.\n \n @fires ExtentEvent\n * @api\n /\nclass Extent extends PointerInteraction {\n /\n @param {Options} [options] Options.\n /\n constructor(options) {\n options = options \|\| {};\n\n super(/* @type {import(\"./Pointer.js\").Options} / (options));\n\n /*\n @type {ExtentOnSignature<import(\"../events\").EventsKey>}\n /\n this.on;\n\n /*\n @type {ExtentOnSignature<import(\"../events\").EventsKey>}\n /\n this.once;\n\n /*\n @type {ExtentOnSignature<void>}\n /\n this.un;\n\n /\n Condition\n * @type {import(\"../events/condition.js\").Condition}\n * @private\n /\n this.condition_ = options.condition ? options.condition : always;\n\n /\n Extent of the drawn box\n * @type {import(\"../extent.js\").Extent}\n * @private\n /\n this.extent_ = null;\n\n /\n Handler for pointer move events\n * @type {PointerHandler\|null}\n * @private\n /\n this.pointerHandler_ = null;\n\n /\n Pixel threshold to snap to extent\n * @type {number}\n * @private\n /\n this.pixelTolerance_ =\n options.pixelTolerance !== undefined ? options.pixelTolerance : 10;\n\n /\n Is the pointer snapped to an extent vertex\n * @type {boolean}\n * @private\n /\n this.snappedToVertex_ = false;\n\n /\n Feature for displaying the visible extent\n * @type {Feature}\n * @private\n /\n this.extentFeature_ = null;\n\n /\n Feature for displaying the visible pointer\n * @type {Feature<Point>}\n * @private\n /\n this.vertexFeature_ = null;\n\n if (!options) {\n options = {};\n }\n\n /\n Layer for the extentFeature\n * @type {VectorLayer}\n * @private\n /\n this.extentOverlay_ = new VectorLayer({\n source: new VectorSource({\n useSpatialIndex: false,\n wrapX: !!options.wrapX,\n }),\n style: options.boxStyle\n ? options.boxStyle\n : getDefaultExtentStyleFunction(),\n updateWhileAnimating: true,\n updateWhileInteracting: true,\n });\n\n /\n Layer for the vertexFeature\n * @type {VectorLayer}\n * @private\n /\n this.vertexOverlay_ = new VectorLayer({\n source: new VectorSource({\n useSpatialIndex: false,\n wrapX: !!options.wrapX,\n }),\n style: options.pointerStyle\n ? options.pointerStyle\n : getDefaultPointerStyleFunction(),\n updateWhileAnimating: true,\n updateWhileInteracting: true,\n });\n\n if (options.extent) {\n this.setExtent(options.extent);\n }\n }\n\n /\n @param {import(\"../pixel.js\").Pixel} pixel cursor location\n * @param {import(\"../Map.js\").default} map map\n * @return {import(\"../coordinate.js\").Coordinate\|null} snapped vertex on extent\n * @private\n /\n snapToVertex_(pixel, map) {\n const pixelCoordinate = map.getCoordinateFromPixelInternal(pixel);\n const sortByDistance = function (a, b) {\n return (\n squaredDistanceToSegment(pixelCoordinate, a) -\n squaredDistanceToSegment(pixelCoordinate, b)\n );\n };\n const extent = this.getExtentInternal();\n if (extent) {\n //convert extents to line segments and find the segment closest to pixelCoordinate\n const segments = getSegments(extent);\n segments.sort(sortByDistance);\n const closestSegment = segments[0];\n\n let vertex = closestOnSegment(pixelCoordinate, closestSegment);\n const vertexPixel = map.getPixelFromCoordinateInternal(vertex);\n\n //if the distance is within tolerance, snap to the segment\n if (coordinateDistance(pixel, vertexPixel) <= this.pixelTolerance_) {\n //test if we should further snap to a vertex\n const pixel1 = map.getPixelFromCoordinateInternal(closestSegment[0]);\n const pixel2 = map.getPixelFromCoordinateInternal(closestSegment[1]);\n const squaredDist1 = squaredCoordinateDistance(vertexPixel, pixel1);\n const squaredDist2 = squaredCoordinateDistance(vertexPixel, pixel2);\n const dist = Math.sqrt(Math.min(squaredDist1, squaredDist2));\n this.snappedToVertex_ = dist <= this.pixelTolerance_;\n if (this.snappedToVertex_) {\n vertex =\n squaredDist1 > squaredDist2 ? closestSegment[1] : closestSegment[0];\n }\n return vertex;\n }\n }\n return null;\n }\n\n /\n @param {import(\"../MapBrowserEvent.js\").default} mapBrowserEvent pointer move event\n * @private\n /\n handlePointerMove_(mapBrowserEvent) {\n const pixel = mapBrowserEvent.pixel;\n const map = mapBrowserEvent.map;\n\n let vertex = this.snapToVertex_(pixel, map);\n if (!vertex) {\n vertex = map.getCoordinateFromPixelInternal(pixel);\n }\n this.createOrUpdatePointerFeature_(vertex);\n }\n\n /\n @param {import(\"../extent.js\").Extent} extent extent\n * @return {Feature} extent as featrue\n * @private\n /\n createOrUpdateExtentFeature_(extent) {\n let extentFeature = this.extentFeature_;\n\n if (!extentFeature) {\n if (!extent) {\n extentFeature = new Feature({});\n } else {\n extentFeature = new Feature(polygonFromExtent(extent));\n }\n this.extentFeature_ = extentFeature;\n this.extentOverlay_.getSource().addFeature(extentFeature);\n } else {\n if (!extent) {\n extentFeature.setGeometry(undefined);\n } else {\n extentFeature.setGeometry(polygonFromExtent(extent));\n }\n }\n return extentFeature;\n }\n\n /\n @param {import(\"../coordinate.js\").Coordinate} vertex location of feature\n * @return {Feature} vertex as feature\n * @private\n /\n createOrUpdatePointerFeature_(vertex) {\n let vertexFeature = this.vertexFeature_;\n if (!vertexFeature) {\n vertexFeature = new Feature(new Point(vertex));\n this.vertexFeature_ = vertexFeature;\n this.vertexOverlay_.getSource().addFeature(vertexFeature);\n } else {\n const geometry = vertexFeature.getGeometry();\n geometry.setCoordinates(vertex);\n }\n return vertexFeature;\n }\n\n /\n @param {import(\"../MapBrowserEvent.js\").default} mapBrowserEvent Map browser event.\n * @return {boolean} `false` to stop event propagation.\n * @override\n /\n handleEvent(mapBrowserEvent) {\n if (!mapBrowserEvent.originalEvent \|\| !this.condition_(mapBrowserEvent)) {\n return true;\n }\n //display pointer (if not dragging)\n if (\n mapBrowserEvent.type == MapBrowserEventType.POINTERMOVE &&\n !this.handlingDownUpSequence\n ) {\n this.handlePointerMove_(mapBrowserEvent);\n }\n //call pointer to determine up/down/drag\n super.handleEvent(mapBrowserEvent);\n //return false to stop propagation\n return false;\n }\n\n /\n Handle pointer down events.\n * @param {import(\"../MapBrowserEvent.js\").default} mapBrowserEvent Event.\n * @return {boolean} If the event was consumed.\n * @override\n /\n handleDownEvent(mapBrowserEvent) {\n const pixel = mapBrowserEvent.pixel;\n const map = mapBrowserEvent.map;\n\n const extent = this.getExtentInternal();\n let vertex = this.snapToVertex_(pixel, map);\n\n //find the extent corner opposite the passed corner\n const getOpposingPoint = function (point) {\n let x_ = null;\n let y_ = null;\n if (point[0] == extent[0]) {\n x_ = extent[2];\n } else if (point[0] == extent[2]) {\n x_ = extent[0];\n }\n if (point[1] == extent[1]) {\n y_ = extent[3];\n } else if (point[1] == extent[3]) {\n y_ = extent[1];\n }\n if (x_ !== null && y_ !== null) {\n return [x_, y_];\n }\n return null;\n };\n if (vertex && extent) {\n const x =\n vertex[0] == extent[0] \|\| vertex[0] == extent[2] ? vertex[0] : null;\n const y =\n vertex[1] == extent[1] \|\| vertex[1] == extent[3] ? vertex[1] : null;\n\n //snap to point\n if (x !== null && y !== null) {\n this.pointerHandler_ = getPointHandler(getOpposingPoint(vertex));\n //snap to edge\n } else if (x !== null) {\n this.pointerHandler_ = getEdgeHandler(\n getOpposingPoint([x, extent[1]]),\n getOpposingPoint([x, extent[3]]),\n );\n } else if (y !== null) {\n this.pointerHandler_ = getEdgeHandler(\n getOpposingPoint([extent[0], y]),\n getOpposingPoint([extent[2], y]),\n );\n }\n //no snap - new bbox\n } else {\n vertex = map.getCoordinateFromPixelInternal(pixel);\n this.setExtent([vertex[0], vertex[1], vertex[0], vertex[1]]);\n this.pointerHandler_ = getPointHandler(vertex);\n }\n return true; //event handled; start downup sequence\n }\n\n /\n Handle pointer drag events.\n * @param {import(\"../MapBrowserEvent.js\").default} mapBrowserEvent Event.\n * @override\n /\n handleDragEvent(mapBrowserEvent) {\n if (this.pointerHandler_) {\n const pixelCoordinate = mapBrowserEvent.coordinate;\n this.setExtent(this.pointerHandler_(pixelCoordinate));\n this.createOrUpdatePointerFeature_(pixelCoordinate);\n }\n }\n\n /\n Handle pointer up events.\n * @param {import(\"../MapBrowserEvent.js\").default} mapBrowserEvent Event.\n * @return {boolean} If the event was consumed.\n * @override\n /\n handleUpEvent(mapBrowserEvent) {\n this.pointerHandler_ = null;\n //If bbox is zero area, set to null;\n const extent = this.getExtentInternal();\n if (!extent \|\| getArea(extent) === 0) {\n this.setExtent(null);\n }\n return false; //Stop handling downup sequence\n }\n\n /\n Remove the interaction from its current map and attach it to the new map.\n * Subclasses may set up event handlers to get notified about changes to\n * the map here.\n * @param {import(\"../Map.js\").default} map Map.\n * @override\n /\n setMap(map) {\n this.extentOverlay_.setMap(map);\n this.vertexOverlay_.setMap(map);\n super.setMap(map);\n }\n\n /\n Returns the current drawn extent in the view projection (or user projection if set)\n \n @return {import(\"../extent.js\").Extent} Drawn extent in the view projection.\n * @api\n /\n getExtent() {\n return toUserExtent(\n this.getExtentInternal(),\n this.getMap().getView().getProjection(),\n );\n }\n\n /\n Returns the current drawn extent in the view projection\n \n @return {import(\"../extent.js\").Extent} Drawn extent in the view projection.\n * @api\n /\n getExtentInternal() {\n return this.extent_;\n }\n\n /\n Manually sets the drawn extent, using the view projection.\n \n @param {import(\"../extent.js\").Extent} extent Extent\n * @api\n /\n setExtent(extent) {\n //Null extent means no bbox\n this.extent_ = extent ? extent : null;\n this.createOrUpdateExtentFeature_(extent);\n this.dispatchEvent(new ExtentEvent(this.extent_));\n }\n}\n\n/\n Returns the default style for the drawn bbox\n \n @return {import(\"../style/Style.js\").StyleFunction} Default Extent style\n /\nfunction getDefaultExtentStyleFunction() {\n const style = createEditingStyle();\n return function (feature, resolution) {\n return style['Polygon'];\n };\n}\n\n/\n Returns the default style for the pointer\n \n @return {import(\"../style/Style.js\").StyleFunction} Default pointer style\n /\nfunction getDefaultPointerStyleFunction() {\n const style = createEditingStyle();\n return function (feature, resolution) {\n return style['Point'];\n };\n}\n\n/\n @param {import(\"../coordinate.js\").Coordinate} fixedPoint corner that will be unchanged in the new extent\n * @return {function (import(\"../coordinate.js\").Coordinate): import(\"../extent.js\").Extent} event handler\n /\nfunction getPointHandler(fixedPoint) {\n return function (point) {\n return boundingExtent([fixedPoint, point]);\n };\n}\n\n/\n @param {import(\"../coordinate.js\").Coordinate} fixedP1 first corner that will be unchanged in the new extent\n * @param {import(\"../coordinate.js\").Coordinate} fixedP2 second corner that will be unchanged in the new extent\n * @return {PointerHandler\|null} event handler\n /\nfunction getEdgeHandler(fixedP1, fixedP2) {\n if (fixedP1[0] == fixedP2[0]) {\n return function (point) {\n return boundingExtent([fixedP1, [point[0], fixedP2[1]]]);\n };\n }\n if (fixedP1[1] == fixedP2[1]) {\n return function (point) {\n return boundingExtent([fixedP1, [fixedP2[0], point[1]]]);\n };\n }\n return null;\n}\n\n/\n @param {import(\"../extent.js\").Extent} extent extent\n * @return {Array<Array<import(\"../coordinate.js\").Coordinate>>} extent line segments\n */\nfunction getSegments(extent) {\n return [\n [\n [extent[0], extent[1]],\n [extent[0], extent[3]],\n ],\n [\n [extent[0], extent[3]],\n [extent[2], extent[3]],\n ],\n [\n [extent[2], extent[3]],\n [extent[2], extent[1]],\n ],\n [\n [extent[2], extent[1]],\n [extent[0], extent[1]],\n ],\n ];\n}\n\nexport default Extent;\n"],"names":[],"sourceRoot":""}
1	+ {"version":3,"file":"vendors-node_modules_vaadin_map_node_modules_ol_interaction_Extent_js.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACoC;AACwB;AAMlC;AACa;AACO;AAC2B;AACpC;AAC8B;AACtB;AACL;AACO;AACM;AACP;;AAE9C;AACA,aAAa,QAAQ;AACrB,cAAc,4CAA4C;AAC1D,YAAY,iDAAiD;AAC7D;AACA,eAAe,wCAAwC;AACvD,cAAc,iDAAiD;AAC/D,YAAY,iDAAiD;AAC7D;AACA;AACA,cAAc,SAAS;AACvB,cAAc,+BAA+B;AAC7C;AACA,cAAc,uCAAuC;AACrD;AACA,kBAAkB;AAClB,cAAc,QAAQ;AACtB;AACA,cAAc,uCAAuC;AACrD;AACA,kBAAkB;AAClB,cAAc,SAAS;AACvB;AACA;;AAEA;AACA,UAAU;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,sBAAsB,2CAA2C;AACjE;AACA;AACO,0BAA0B,wDAAK;AACtC;AACA,aAAa,+BAA+B;AAC5C;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,iFAAiF;AAC9F;;AAEA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,iDAAiD;AACjD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,mDAAkB;AACvC;AACA,aAAa,SAAS;AACtB;AACA;AACA;;AAEA,qBAAqB,gCAAgC;;AAErD;AACA,cAAc;AACd;AACA;;AAEA;AACA,cAAc;AACd;AACA;;AAEA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA,8DAA8D,wDAAM;;AAEpE;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;AACA,8BAA8B,wDAAW;AACzC,kBAAkB,yDAAY;AAC9B;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA,cAAc;AACd;AACA;AACA,8BAA8B,wDAAW;AACzC,kBAAkB,yDAAY;AAC9B;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA;AACA;;AAEA;AACA,aAAa,6BAA6B;AAC1C,aAAa,6BAA6B;AAC1C,cAAc,4CAA4C;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,wEAAwB;AAChC,QAAQ,wEAAwB;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,mBAAmB,gEAAgB;AACnC;;AAEA;AACA,UAAU,wDAAkB;AAC5B;AACA;AACA;AACA,6BAA6B,+DAAyB;AACtD,6BAA6B,+DAAyB;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,yCAAyC;AACtD,cAAc,SAAS;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,8DAAkB;;AAExB;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,+BAA+B;AAC5C,cAAc,SAAS;AACvB;AACA;AACA;AACA;;AAEA;AACA;AACA,4BAA4B,mDAAO,GAAG;AACtC,QAAQ;AACR,4BAA4B,mDAAO,CAAC,4DAAiB;AACrD;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,QAAQ;AACR,kCAAkC,4DAAiB;AACnD;AACA;AACA;AACA;;AAEA;AACA,aAAa,uCAAuC;AACpD,aAAa,SAAS;AACtB,cAAc,SAAS;AACvB;AACA;AACA;AACA;AACA;AACA,0BAA0B,mDAAO,KAAK,uDAAK;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,yCAAyC;AACtD,cAAc,SAAS;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA,8BAA8B,4EAA+B;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,yCAAyC;AACtD,cAAc,SAAS;AACvB;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA,YAAY,8DAAkB;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,iBAAiB;AACpD;;AAEA;AACA;AACA,aAAa,yCAAyC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,yCAAyC;AACtD,cAAc,SAAS;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,mDAAO;AAC1B;AACA;AACA,kBAAkB;AAClB;;AAEA;AACA;AACA;AACA;AACA,aAAa,6BAA6B;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,cAAc,+BAA+B;AAC7C;AACA;AACA;AACA,WAAW,sDAAY;AACvB;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,cAAc,+BAA+B;AAC7C;AACA,sBAAsB,qDAAqD;AAC3E;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,aAAa,+BAA+B;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,YAAY,2CAA2C;AACvD;AACA;AACA,gBAAgB,oEAAkB;AAClC;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,YAAY,2CAA2C;AACvD;AACA;AACA,gBAAgB,oEAAkB;AAClC;AACA;AACA;AACA;;AAEA;AACA,WAAW,uCAAuC;AAClD,YAAY,iFAAiF;AAC7F;AACA;AACA;AACA,WAAW,0DAAc;AACzB;AACA;;AAEA;AACA,WAAW,uCAAuC;AAClD,WAAW,uCAAuC;AAClD,YAAY,qBAAqB;AACjC;AACA;AACA;AACA;AACA,aAAa,0DAAc;AAC3B;AACA;AACA;AACA;AACA,aAAa,0DAAc;AAC3B;AACA;AACA;AACA;;AAEA;AACA,WAAW,+BAA+B;AAC1C,WAAW,uCAAuC;AAClD,YAAY,qBAAqB;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,WAAW,+BAA+B;AAC1C,YAAY,qDAAqD;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,iEAAe,MAAM,EAAC","sources":["webpack://@vaadin/bundles/./node_modules/@vaadin/map/node_modules/ol/interaction/Extent.js"],"sourcesContent":["/*\n @module ol/interaction/Extent\n /\nimport Feature from '../Feature.js';\nimport MapBrowserEventType from '../MapBrowserEventType.js';\nimport {\n closestOnSegment,\n distance as coordinateDistance,\n squaredDistance as squaredCoordinateDistance,\n squaredDistanceToSegment,\n} from '../coordinate.js';\nimport Event from '../events/Event.js';\nimport {always} from '../events/condition.js';\nimport {boundingExtent, containsCoordinate, getArea} from '../extent.js';\nimport Point from '../geom/Point.js';\nimport {fromExtent as polygonFromExtent} from '../geom/Polygon.js';\nimport VectorLayer from '../layer/Vector.js';\nimport {toUserExtent} from '../proj.js';\nimport VectorSource from '../source/Vector.js';\nimport {createEditingStyle} from '../style/Style.js';\nimport PointerInteraction from './Pointer.js';\n\n/\n @typedef {Object} Options\n * @property {import(\"../events/condition.js\").Condition} [condition] A function that\n * takes a {@link module:ol/MapBrowserEvent~MapBrowserEvent} and returns a\n * boolean to indicate whether that event should be handled.\n * Default is {@link module:ol/events/condition.always}.\n * @property {import(\"../events/condition.js\").Condition\|null} [createCondition=null] A function that\n * takes a {@link module:ol/MapBrowserEvent~MapBrowserEvent} and returns a\n * boolean to indicate whether that event should be handled to create a new extent.\n * If `null`, the `condition` will also be used as `createCondition`.\n * @property {boolean} [drag=false] An extent can be dragged.\n * @property {import(\"../extent.js\").Extent} [extent] Initial extent. Defaults to no\n * initial extent.\n * @property {import(\"../style/Style.js\").StyleLike} [boxStyle]\n * Style for the drawn extent box. Defaults to the `Polygon` editing style\n * documented in {@link module:ol/style/Style~Style}\n * @property {number} [pixelTolerance=10] Pixel tolerance for considering the\n * pointer close enough to a segment or vertex for editing.\n * @property {import(\"../style/Style.js\").StyleLike} [pointerStyle]\n * Style for the cursor used to draw the extent. Defaults to the `Point` editing style\n * documented in {@link module:ol/style/Style~Style}\n * @property {boolean} [wrapX=false] Wrap the drawn extent across multiple maps\n * in the X direction? Only affects visuals, not functionality.\n /\n\n/\n @enum {string}\n /\nconst ExtentEventType = {\n /\n Triggered after the extent is changed\n * @event ExtentEvent#extentchanged\n * @api\n /\n EXTENTCHANGED: 'extentchanged',\n};\n\n/\n @classdesc\n * Events emitted by {@link module:ol/interaction/Extent~Extent} instances are\n * instances of this type.\n /\nexport class ExtentEvent extends Event {\n /\n @param {import(\"../extent.js\").Extent} extent the new extent\n /\n constructor(extent) {\n super(ExtentEventType.EXTENTCHANGED);\n\n /\n The current extent.\n * @type {import(\"../extent.js\").Extent}\n * @api\n /\n this.extent = extent;\n }\n}\n\n/\n @typedef {function (import(\"../coordinate.js\").Coordinate): import(\"../extent.js\").Extent} PointerHandler\n /\n\n/*\n @template Return\n * @typedef {import(\"../Observable.js\").OnSignature<import(\"../Observable.js\").EventTypes, import(\"../events/Event.js\").default, Return> &\n * import(\"../Observable.js\").OnSignature<import(\"../ObjectEventType.js\").Types\|\n * 'change:active', import(\"../Object.js\").ObjectEvent, Return> &\n * import(\"../Observable.js\").OnSignature<'extentchanged', ExtentEvent, Return> &\n * import(\"../Observable.js\").CombinedOnSignature<import(\"../Observable.js\").EventTypes\|import(\"../ObjectEventType.js\").Types\|\n * 'change:active'\|'extentchanged', Return>} ExtentOnSignature\n /\n\n/\n @classdesc\n * Allows the user to draw a vector box by clicking and dragging on the map.\n * Once drawn, the vector box can be modified by dragging its vertices or edges.\n * The interaction can also be configured with an initial extent and a `createCondition`\n * to prevent the creation of a new extent on `pointerdown`, if desired.\n \n @fires ExtentEvent\n * @api\n /\nclass Extent extends PointerInteraction {\n /\n @param {Options} [options] Options.\n /\n constructor(options) {\n options = options \|\| {};\n\n super(/* @type {import(\"./Pointer.js\").Options} / (options));\n\n /*\n @type {ExtentOnSignature<import(\"../events.js\").EventsKey>}\n /\n this.on;\n\n /*\n @type {ExtentOnSignature<import(\"../events.js\").EventsKey>}\n /\n this.once;\n\n /*\n @type {ExtentOnSignature<void>}\n /\n this.un;\n\n /\n Condition\n * @type {import(\"../events/condition.js\").Condition}\n * @private\n /\n this.condition_ = options.condition ? options.condition : always;\n\n /\n @type {import(\"../events/condition.js\").Condition}\n * @private\n /\n this.createCondition_ = options.createCondition \|\| this.condition_;\n\n /\n @type {boolean}\n * @private\n /\n this.drag_ = options.drag \|\| false;\n\n /\n Extent of the drawn box\n * @type {import(\"../extent.js\").Extent}\n * @private\n /\n this.extent_ = null;\n\n /\n Handler for pointer move events\n * @type {PointerHandler\|null}\n * @private\n /\n this.pointerHandler_ = null;\n\n /\n Pixel threshold to snap to extent\n * @type {number}\n * @private\n /\n this.pixelTolerance_ =\n options.pixelTolerance !== undefined ? options.pixelTolerance : 10;\n\n /\n Is the pointer snapped to an extent vertex\n * @type {boolean}\n * @private\n /\n this.snappedToVertex_ = false;\n\n /\n Feature for displaying the visible extent\n * @type {Feature}\n * @private\n /\n this.extentFeature_ = null;\n\n /\n Feature for displaying the visible pointer\n * @type {Feature<Point>}\n * @private\n /\n this.vertexFeature_ = null;\n\n if (!options) {\n options = {};\n }\n\n /\n Layer for the extentFeature\n * @type {VectorLayer}\n * @private\n /\n this.extentOverlay_ = new VectorLayer({\n source: new VectorSource({\n useSpatialIndex: false,\n wrapX: !!options.wrapX,\n }),\n style: options.boxStyle\n ? options.boxStyle\n : getDefaultExtentStyleFunction(),\n updateWhileAnimating: true,\n updateWhileInteracting: true,\n });\n\n /\n Layer for the vertexFeature\n * @type {VectorLayer}\n * @private\n /\n this.vertexOverlay_ = new VectorLayer({\n source: new VectorSource({\n useSpatialIndex: false,\n wrapX: !!options.wrapX,\n }),\n style: options.pointerStyle\n ? options.pointerStyle\n : getDefaultPointerStyleFunction(),\n updateWhileAnimating: true,\n updateWhileInteracting: true,\n });\n\n if (options.extent) {\n this.setExtent(options.extent);\n }\n }\n\n /\n @param {import(\"../pixel.js\").Pixel} pixel cursor location\n * @param {import(\"../Map.js\").default} map map\n * @return {import(\"../coordinate.js\").Coordinate\|null} snapped vertex on extent\n * @private\n /\n snapToVertex_(pixel, map) {\n const pixelCoordinate = map.getCoordinateFromPixelInternal(pixel);\n const sortByDistance = function (a, b) {\n return (\n squaredDistanceToSegment(pixelCoordinate, a) -\n squaredDistanceToSegment(pixelCoordinate, b)\n );\n };\n const extent = this.getExtentInternal();\n if (extent) {\n //convert extents to line segments and find the segment closest to pixelCoordinate\n const segments = getSegments(extent);\n segments.sort(sortByDistance);\n const closestSegment = segments[0];\n\n let vertex = closestOnSegment(pixelCoordinate, closestSegment);\n const vertexPixel = map.getPixelFromCoordinateInternal(vertex);\n\n //if the distance is within tolerance, snap to the segment\n if (coordinateDistance(pixel, vertexPixel) <= this.pixelTolerance_) {\n //test if we should further snap to a vertex\n const pixel1 = map.getPixelFromCoordinateInternal(closestSegment[0]);\n const pixel2 = map.getPixelFromCoordinateInternal(closestSegment[1]);\n const squaredDist1 = squaredCoordinateDistance(vertexPixel, pixel1);\n const squaredDist2 = squaredCoordinateDistance(vertexPixel, pixel2);\n const dist = Math.sqrt(Math.min(squaredDist1, squaredDist2));\n this.snappedToVertex_ = dist <= this.pixelTolerance_;\n if (this.snappedToVertex_) {\n vertex =\n squaredDist1 > squaredDist2 ? closestSegment[1] : closestSegment[0];\n }\n return vertex;\n }\n }\n return null;\n }\n\n /\n @param {import(\"../MapBrowserEvent.js\").default} mapBrowserEvent pointer move event\n * @return {boolean} The event was handled.\n * @private\n /\n handlePointerMove_(mapBrowserEvent) {\n const pixel = mapBrowserEvent.pixel;\n const map = mapBrowserEvent.map;\n const draggable =\n this.drag_ &&\n containsCoordinate(this.extent_, mapBrowserEvent.coordinate);\n\n let vertex = this.snapToVertex_(pixel, map);\n if (!vertex && this.createCondition_(mapBrowserEvent) && !draggable) {\n vertex = map.getCoordinateFromPixelInternal(pixel);\n }\n if (draggable && !vertex) {\n this.getMap().getViewport().classList.add('ol-grab');\n } else {\n this.getMap().getViewport().classList.remove('ol-grab');\n }\n if (vertex) {\n this.updatePointerFeature_(vertex);\n return true;\n }\n this.noVertexFeature_();\n return false;\n }\n\n /\n @param {import(\"../extent.js\").Extent} extent extent\n * @return {Feature} extent as featrue\n * @private\n /\n createOrUpdateExtentFeature_(extent) {\n let extentFeature = this.extentFeature_;\n\n if (!extentFeature) {\n if (!extent) {\n extentFeature = new Feature({});\n } else {\n extentFeature = new Feature(polygonFromExtent(extent));\n }\n this.extentFeature_ = extentFeature;\n this.extentOverlay_.getSource().addFeature(extentFeature);\n } else {\n if (!extent) {\n extentFeature.setGeometry(undefined);\n } else {\n extentFeature.setGeometry(polygonFromExtent(extent));\n }\n }\n return extentFeature;\n }\n\n /\n @param {import(\"../coordinate.js\").Coordinate} vertex location of feature\n * @param {boolean} [createIfNotExists] create the feature if it does not exist\n * @return {Feature} vertex as feature\n * @private\n /\n updatePointerFeature_(vertex, createIfNotExists = true) {\n let vertexFeature = this.vertexFeature_;\n if (createIfNotExists && !vertexFeature) {\n vertexFeature = new Feature(new Point(vertex));\n this.vertexFeature_ = vertexFeature;\n this.vertexOverlay_.getSource().addFeature(vertexFeature);\n }\n if (vertexFeature) {\n const geometry = vertexFeature.getGeometry();\n geometry.setCoordinates(vertex);\n }\n return vertexFeature;\n }\n\n /\n Remove the vertex feature if it exists.\n * @private\n /\n noVertexFeature_() {\n if (this.vertexFeature_) {\n this.vertexOverlay_.getSource().removeFeature(this.vertexFeature_);\n this.vertexFeature_ = null;\n }\n }\n\n /\n @param {import(\"../MapBrowserEvent.js\").default} mapBrowserEvent Map browser event.\n * @return {boolean} `false` to stop event propagation.\n * @override\n /\n handleEvent(mapBrowserEvent) {\n if (!mapBrowserEvent.originalEvent \|\| !this.condition_(mapBrowserEvent)) {\n this.noVertexFeature_();\n return true;\n }\n\n let handled = this.handlingDownUpSequence;\n\n //display pointer (if not dragging)\n if (\n mapBrowserEvent.type == MapBrowserEventType.POINTERMOVE &&\n !this.handlingDownUpSequence\n ) {\n handled = this.handlePointerMove_(mapBrowserEvent);\n }\n //call pointer to determine up/down/drag\n super.handleEvent(mapBrowserEvent);\n //return false to stop propagation\n return !handled;\n }\n\n /\n Handle pointer down events.\n * @param {import(\"../MapBrowserEvent.js\").default} mapBrowserEvent Event.\n * @return {boolean} If the event was consumed.\n * @override\n /\n handleDownEvent(mapBrowserEvent) {\n const pixel = mapBrowserEvent.pixel;\n const map = mapBrowserEvent.map;\n\n const extent = this.getExtentInternal();\n let vertex = this.snapToVertex_(pixel, map);\n\n //find the extent corner opposite the passed corner\n const getOpposingPoint = function (point) {\n let x_ = null;\n let y_ = null;\n if (point[0] == extent[0]) {\n x_ = extent[2];\n } else if (point[0] == extent[2]) {\n x_ = extent[0];\n }\n if (point[1] == extent[1]) {\n y_ = extent[3];\n } else if (point[1] == extent[3]) {\n y_ = extent[1];\n }\n if (x_ !== null && y_ !== null) {\n return [x_, y_];\n }\n return null;\n };\n if (vertex && extent) {\n const x =\n vertex[0] == extent[0] \|\| vertex[0] == extent[2] ? vertex[0] : null;\n const y =\n vertex[1] == extent[1] \|\| vertex[1] == extent[3] ? vertex[1] : null;\n\n //snap to point\n if (x !== null && y !== null) {\n this.pointerHandler_ = getPointHandler(getOpposingPoint(vertex));\n //snap to edge\n } else if (x !== null) {\n this.pointerHandler_ = getEdgeHandler(\n getOpposingPoint([x, extent[1]]),\n getOpposingPoint([x, extent[3]]),\n );\n } else if (y !== null) {\n this.pointerHandler_ = getEdgeHandler(\n getOpposingPoint([extent[0], y]),\n getOpposingPoint([extent[2], y]),\n );\n }\n //no snap - new bbox or dragging existing bbox\n } else {\n vertex = map.getCoordinateFromPixelInternal(pixel);\n let drag = false;\n if (this.drag_) {\n if (containsCoordinate(extent, vertex)) {\n this.pointerHandler_ = getDragHandler(extent, vertex);\n drag = true;\n }\n }\n if (!drag && this.createCondition_(mapBrowserEvent)) {\n this.setExtent([vertex[0], vertex[1], vertex[0], vertex[1]]);\n this.pointerHandler_ = getPointHandler(vertex);\n }\n }\n return !!this.pointerHandler_; //event handled; start downup sequence\n }\n\n /\n Handle pointer drag events.\n * @param {import(\"../MapBrowserEvent.js\").default} mapBrowserEvent Event.\n * @override\n /\n handleDragEvent(mapBrowserEvent) {\n if (this.pointerHandler_) {\n const pixelCoordinate = mapBrowserEvent.coordinate;\n this.setExtent(this.pointerHandler_(pixelCoordinate));\n this.updatePointerFeature_(pixelCoordinate, false);\n }\n }\n\n /\n Handle pointer up events.\n * @param {import(\"../MapBrowserEvent.js\").default} mapBrowserEvent Event.\n * @return {boolean} If the event was consumed.\n * @override\n /\n handleUpEvent(mapBrowserEvent) {\n this.pointerHandler_ = null;\n //If bbox is zero area, set to null;\n const extent = this.getExtentInternal();\n if (!extent \|\| getArea(extent) === 0) {\n this.setExtent(null);\n }\n return false; //Stop handling downup sequence\n }\n\n /\n Remove the interaction from its current map and attach it to the new map.\n * Subclasses may set up event handlers to get notified about changes to\n * the map here.\n * @param {import(\"../Map.js\").default} map Map.\n * @override\n /\n setMap(map) {\n this.extentOverlay_.setMap(map);\n this.vertexOverlay_.setMap(map);\n super.setMap(map);\n }\n\n /\n Returns the current drawn extent in the view projection (or user projection if set)\n \n @return {import(\"../extent.js\").Extent} Drawn extent in the view projection.\n * @api\n /\n getExtent() {\n return toUserExtent(\n this.getExtentInternal(),\n this.getMap().getView().getProjection(),\n );\n }\n\n /\n Returns the current drawn extent in the view projection\n \n @return {import(\"../extent.js\").Extent} Drawn extent in the view projection.\n * @api\n * @deprecated Use {@link module:ol/interaction/Extent~Extent#getExtent} instead.\n /\n getExtentInternal() {\n return this.extent_;\n }\n\n /\n Manually sets the drawn extent, using the view projection.\n \n @param {import(\"../extent.js\").Extent} extent Extent\n * @api\n /\n setExtent(extent) {\n //Null extent means no bbox\n this.extent_ = extent ? extent : null;\n this.createOrUpdateExtentFeature_(extent);\n this.dispatchEvent(new ExtentEvent(this.extent_));\n }\n}\n\n/\n Returns the default style for the drawn bbox\n \n @return {import(\"../style/Style.js\").StyleFunction} Default Extent style\n /\nfunction getDefaultExtentStyleFunction() {\n const style = createEditingStyle();\n return function (feature, resolution) {\n return style['Polygon'];\n };\n}\n\n/\n Returns the default style for the pointer\n \n @return {import(\"../style/Style.js\").StyleFunction} Default pointer style\n /\nfunction getDefaultPointerStyleFunction() {\n const style = createEditingStyle();\n return function (feature, resolution) {\n return style['Point'];\n };\n}\n\n/\n @param {import(\"../coordinate.js\").Coordinate} fixedPoint corner that will be unchanged in the new extent\n * @return {function (import(\"../coordinate.js\").Coordinate): import(\"../extent.js\").Extent} event handler\n /\nfunction getPointHandler(fixedPoint) {\n return function (point) {\n return boundingExtent([fixedPoint, point]);\n };\n}\n\n/\n @param {import(\"../coordinate.js\").Coordinate} fixedP1 first corner that will be unchanged in the new extent\n * @param {import(\"../coordinate.js\").Coordinate} fixedP2 second corner that will be unchanged in the new extent\n * @return {PointerHandler\|null} event handler\n /\nfunction getEdgeHandler(fixedP1, fixedP2) {\n if (fixedP1[0] == fixedP2[0]) {\n return function (point) {\n return boundingExtent([fixedP1, [point[0], fixedP2[1]]]);\n };\n }\n if (fixedP1[1] == fixedP2[1]) {\n return function (point) {\n return boundingExtent([fixedP1, [fixedP2[0], point[1]]]);\n };\n }\n return null;\n}\n\n/\n @param {import(\"../extent.js\").Extent} extent The extent that will be dragged\n * @param {import(\"../coordinate.js\").Coordinate} vertex The vertex that drag delta is calculated from\n * @return {PointerHandler\|null} event handler\n /\nfunction getDragHandler(extent, vertex) {\n return function (point) {\n const deltaX = point[0] - vertex[0];\n const deltaY = point[1] - vertex[1];\n return [\n extent[0] + deltaX,\n extent[1] + deltaY,\n extent[2] + deltaX,\n extent[3] + deltaY,\n ];\n };\n}\n\n/\n @param {import(\"../extent.js\").Extent} extent extent\n * @return {Array<Array<import(\"../coordinate.js\").Coordinate>>} extent line segments\n */\nfunction getSegments(extent) {\n return [\n [\n [extent[0], extent[1]],\n [extent[0], extent[3]],\n ],\n [\n [extent[0], extent[3]],\n [extent[2], extent[3]],\n ],\n [\n [extent[2], extent[3]],\n [extent[2], extent[1]],\n ],\n [\n [extent[2], extent[1]],\n [extent[0], extent[1]],\n ],\n ];\n}\n\nexport default Extent;\n"],"names":[],"sourceRoot":""}

package/vendors-node_modules_vaadin_map_node_modules_ol_interaction_Link_js.js CHANGED Viewed

@@ -11,8 +11,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _MapEventType_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../MapEventType.js */ "./node_modules/@vaadin/map/node_modules/ol/MapEventType.js");
-/* harmony import */ var _events_EventType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../events/EventType.js */ "./node_modules/@vaadin/map/node_modules/ol/events/EventType.js");
 /* harmony import */ var _events_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../events.js */ "./node_modules/@vaadin/map/node_modules/ol/events.js");
+/* harmony import */ var _events_EventType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../events/EventType.js */ "./node_modules/@vaadin/map/node_modules/ol/events/EventType.js");
 /* harmony import */ var _math_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../math.js */ "./node_modules/@vaadin/map/node_modules/ol/math.js");
 /* harmony import */ var _Interaction_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Interaction.js */ "./node_modules/@vaadin/map/node_modules/ol/interaction/Interaction.js");
 /**
@@ -318,7 +318,7 @@ class Link extends _Interaction_js__WEBPACK_IMPORTED_MODULE_1__["default"] {
       return;
     }
     const view = map.getView();
-    if (!view) {
+    if (!view || !view.isDef()) {
       return;
     }
@@ -438,7 +438,7 @@ class Link extends _Interaction_js__WEBPACK_IMPORTED_MODULE_1__["default"] {
       return;
     }
     const view = map.getView();
-    if (!view) {
+    if (!view || !view.isDef()) {
       return;
     }

package/vendors-node_modules_vaadin_map_node_modules_ol_interaction_Link_js.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"vendors-node_modules_vaadin_map_node_modules_ol_interaction_Link_js.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAC8C;AACC;AACI;AAChB;AACQ;;AAE3C;AACA,WAAW,QAAQ;AACnB,YAAY,QAAQ;AACpB;AACA;AACA,SAAS,iDAAO;AAChB;;AAEA;AACA,WAAW,QAAQ;AACnB,YAAY,QAAQ;AACpB;AACA;AACA;AACA;;AAEA;AACA,WAAW,QAAQ;AACnB,YAAY,QAAQ;AACpB;AACA;AACA;AACA;;AAEA;AACA,WAAW,QAAQ;AACnB,WAAW,QAAQ;AACnB,YAAY,SAAS;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,WAAW,eAAe;AAC1B,WAAW,eAAe;AAC1B,YAAY,SAAS;AACrB;AACA;AACA;AACA;;AAEA,cAAc,qBAAqB;;AAEnC;AACA,aAAa,uBAAuB;AACpC;;AAEA;AACA,aAAa,QAAQ;AACrB,cAAc,+CAA+C;AAC7D,cAAc,eAAe;AAC7B;AACA,cAAc,SAAS;AACvB;AACA,cAAc,QAAQ;AACtB;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,uDAAW;AAC9B;AACA,aAAa,SAAS;AACtB;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,mBAAmB;AACnB;;AAEA;AACA;AACA,0BAA0B;AAC1B,MAAM;AACN;AACA,MAAM;AACN;AACA;;AAEA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA,cAAc;AACd;AACA;AACA;AACA;AACA;AACA,KAAK,IAAI;;AAET;AACA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA;AACA,aAAa,QAAQ;AACrB,cAAc,QAAQ;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,iBAAiB;AAC9B,aAAa,QAAQ;AACrB,cAAc,aAAa;AAC3B;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,iBAAiB;AAC9B,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,iBAAiB;AAC9B,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,kCAAkC;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,6BAA6B;AAC1C;AACA;AACA;AACA;AACA,MAAM,kDAAM,MAAM,gEAAoB;AACtC,MAAM,kDAAM,sBAAsB,mEAAgB;AAClD,MAAM,kDAAM;AACZ;;AAEA;AACA;AACA;AACA;;AAEA;AACA,aAAa,6BAA6B;AAC1C;AACA;AACA;AACA,oDAAoD,QAAQ;AAC5D,MAAM,yDAAa;AACnB;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C,QAAQ;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,aAAa,QAAQ;AACrB,aAAa,UAAU;AACvB,cAAc,aAAa;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,aAAa,QAAQ;AACrB,aAAa,aAAa;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,wCAAwC,QAAQ;AAChD;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,aAAa,KAAK;AAClB;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;;AAEA,iEAAe,IAAI,EAAC","sources":["webpack://@vaadin/bundles/./node_modules/@vaadin/map/node_modules/ol/interaction/Link.js"],"sourcesContent":["/*\n @module ol/interaction/Link\n /\nimport MapEventType from '../MapEventType.js';\nimport EventType from '../events/EventType.js';\nimport {listen, unlistenByKey} from '../events.js';\nimport {toFixed} from '../math.js';\nimport Interaction from './Interaction.js';\n\n/\n @param {number} number A number.\n * @return {number} A number with at most 5 decimal places.\n /\nfunction to5(number) {\n return toFixed(number, 5);\n}\n\n/\n @param {string} string A string.\n * @return {number} A number representing the string.\n /\nfunction readNumber(string) {\n return parseFloat(string);\n}\n\n/\n @param {number} number A number.\n * @return {string} A string representing the number.\n /\nfunction writeNumber(number) {\n return to5(number).toString();\n}\n\n/\n @param {number} a A number.\n * @param {number} b A number.\n * @return {boolean} The numbers are different.\n /\nfunction differentNumber(a, b) {\n if (isNaN(a)) {\n return false;\n }\n return a !== readNumber(writeNumber(b));\n}\n\n/\n @param {Array<number>} a An array of two numbers.\n * @param {Array<number>} b An array of two numbers.\n * @return {boolean} The arrays are different.\n /\nfunction differentArray(a, b) {\n return differentNumber(a[0], b[0]) \|\| differentNumber(a[1], b[1]);\n}\n\n/* @typedef {'x'\|'y'\|'z'\|'r'\|'l'} Params /\n\n/\n @typedef {function(string):void} Callback\n /\n\n/\n @typedef {Object} Options\n * @property {boolean\|import('../View.js').AnimationOptions} [animate=true] Animate view transitions.\n * @property {Array<Params>} [params=['x', 'y', 'z', 'r', 'l']] Properties to track. Default is to track\n * `x` (center x), `y` (center y), `z` (zoom), `r` (rotation) and `l` (layers).\n * @property {boolean} [replace=false] Replace the current URL without creating the new entry in browser history.\n * By default, changes in the map state result in a new entry being added to the browser history.\n * @property {string} [prefix=''] By default, the URL will be updated with search parameters x, y, z, and r. To\n * avoid collisions with existing search parameters that your application uses, you can supply a custom prefix for\n * the ones used by this interaction (e.g. 'ol:').\n /\n\n/\n @classdesc\n * An interaction that synchronizes the map state with the URL.\n \n @api\n /\nclass Link extends Interaction {\n /\n @param {Options} [options] Link options.\n /\n constructor(options) {\n super();\n\n options = Object.assign(\n {\n animate: true,\n params: ['x', 'y', 'z', 'r', 'l'],\n replace: false,\n prefix: '',\n },\n options \|\| {},\n );\n\n let animationOptions;\n if (options.animate === true) {\n animationOptions = {duration: 250};\n } else if (!options.animate) {\n animationOptions = null;\n } else {\n animationOptions = options.animate;\n }\n\n /\n @type {import('../View.js').AnimationOptions\|null}\n * @private\n /\n this.animationOptions_ = animationOptions;\n\n /\n @type {Object<Params, boolean>}\n * @private\n /\n this.params_ = options.params.reduce((acc, value) => {\n acc[value] = true;\n return acc;\n }, {});\n\n /\n @private\n * @type {boolean}\n /\n this.replace_ = options.replace;\n\n /\n @private\n * @type {string}\n /\n this.prefix_ = options.prefix;\n\n /\n @private\n * @type {!Array<import(\"../events.js\").EventsKey>}\n /\n this.listenerKeys_ = [];\n\n /\n @private\n * @type {boolean}\n /\n this.initial_ = true;\n\n /\n @private\n /\n this.updateState_ = this.updateState_.bind(this);\n\n /\n The tracked parameter callbacks.\n * @private\n * @type {Object<string, Callback>}\n /\n this.trackedCallbacks_ = {};\n\n /\n The tracked parameter values.\n * @private\n * @type {Object<string, string\|null>}\n /\n this.trackedValues_ = {};\n }\n\n /\n @private\n * @param {string} name A parameter name.\n * @return {string} A name with the prefix applied.\n /\n getParamName_(name) {\n if (!this.prefix_) {\n return name;\n }\n return this.prefix_ + name;\n }\n\n /\n @private\n * @param {URLSearchParams} params The search params.\n * @param {string} name The unprefixed parameter name.\n * @return {string\|null} The parameter value.\n /\n get_(params, name) {\n return params.get(this.getParamName_(name));\n }\n\n /\n @private\n * @param {URLSearchParams} params The search params.\n * @param {string} name The unprefixed parameter name.\n * @param {string} value The param value.\n /\n set_(params, name, value) {\n if (!(name in this.params_)) {\n return;\n }\n params.set(this.getParamName_(name), value);\n }\n\n /\n @private\n * @param {URLSearchParams} params The search params.\n * @param {string} name The unprefixed parameter name.\n /\n delete_(params, name) {\n if (!(name in this.params_)) {\n return;\n }\n params.delete(this.getParamName_(name));\n }\n\n /\n @param {import(\"../Map.js\").default\|null} map Map.\n * @override\n /\n setMap(map) {\n const oldMap = this.getMap();\n super.setMap(map);\n if (map === oldMap) {\n return;\n }\n if (oldMap) {\n this.unregisterListeners_(oldMap);\n }\n if (map) {\n this.initial_ = true;\n this.updateState_();\n this.registerListeners_(map);\n }\n }\n\n /\n @param {import(\"../Map.js\").default} map Map.\n * @private\n /\n registerListeners_(map) {\n this.listenerKeys_.push(\n listen(map, MapEventType.MOVEEND, this.updateUrl_, this),\n listen(map.getLayerGroup(), EventType.CHANGE, this.updateUrl_, this),\n listen(map, 'change:layergroup', this.handleChangeLayerGroup_, this),\n );\n\n if (!this.replace_) {\n addEventListener('popstate', this.updateState_);\n }\n }\n\n /\n @param {import(\"../Map.js\").default} map Map.\n * @private\n /\n unregisterListeners_(map) {\n for (let i = 0, ii = this.listenerKeys_.length; i < ii; ++i) {\n unlistenByKey(this.listenerKeys_[i]);\n }\n this.listenerKeys_.length = 0;\n\n if (!this.replace_) {\n removeEventListener('popstate', this.updateState_);\n }\n\n const url = new URL(window.location.href);\n const params = url.searchParams;\n this.delete_(params, 'x');\n this.delete_(params, 'y');\n this.delete_(params, 'z');\n this.delete_(params, 'r');\n this.delete_(params, 'l');\n window.history.replaceState(null, '', url);\n }\n\n /\n @private\n /\n handleChangeLayerGroup_() {\n const map = this.getMap();\n if (!map) {\n return;\n }\n this.unregisterListeners_(map);\n this.registerListeners_(map);\n this.initial_ = true;\n this.updateUrl_();\n }\n\n /\n @private\n /\n updateState_() {\n const url = new URL(window.location.href);\n const params = url.searchParams;\n for (const key in this.trackedCallbacks_) {\n const value = params.get(key);\n if (key in this.trackedCallbacks_ && value !== this.trackedValues_[key]) {\n this.trackedValues_[key] = value;\n this.trackedCallbacks_[key](value);\n }\n }\n\n const map = this.getMap();\n if (!map) {\n return;\n }\n const view = map.getView();\n if (!view) {\n return;\n }\n\n let updateView = false;\n\n /\n @type {import('../View.js').AnimationOptions}\n /\n const viewProperties = {};\n\n const zoom = readNumber(this.get_(params, 'z'));\n if ('z' in this.params_ && differentNumber(zoom, view.getZoom())) {\n updateView = true;\n viewProperties.zoom = zoom;\n }\n\n const rotation = readNumber(this.get_(params, 'r'));\n if ('r' in this.params_ && differentNumber(rotation, view.getRotation())) {\n updateView = true;\n viewProperties.rotation = rotation;\n }\n\n const center = [\n readNumber(this.get_(params, 'x')),\n readNumber(this.get_(params, 'y')),\n ];\n if (\n ('x' in this.params_ \|\| 'y' in this.params_) &&\n differentArray(center, view.getCenter())\n ) {\n updateView = true;\n viewProperties.center = center;\n }\n\n if (updateView) {\n if (!this.initial_ && this.animationOptions_) {\n view.animate(Object.assign(viewProperties, this.animationOptions_));\n } else {\n if (viewProperties.center) {\n view.setCenter(viewProperties.center);\n }\n if ('zoom' in viewProperties) {\n view.setZoom(viewProperties.zoom);\n }\n if ('rotation' in viewProperties) {\n view.setRotation(viewProperties.rotation);\n }\n }\n }\n\n const layers = map.getAllLayers();\n const layersParam = this.get_(params, 'l');\n if (\n 'l' in this.params_ &&\n layersParam &&\n layersParam.length === layers.length\n ) {\n for (let i = 0, ii = layers.length; i < ii; ++i) {\n const value = parseInt(layersParam[i]);\n if (!isNaN(value)) {\n const visible = Boolean(value);\n const layer = layers[i];\n if (layer.getVisible() !== visible) {\n layer.setVisible(visible);\n }\n }\n }\n }\n }\n\n /\n Register a listener for a URL search parameter. The callback will be called with a new value\n * when the corresponding search parameter changes due to history events (e.g. browser navigation).\n \n @param {string} key The URL search parameter.\n * @param {Callback} callback The function to call when the search parameter changes.\n * @return {string\|null} The initial value of the search parameter (or null if absent from the URL).\n * @api\n /\n track(key, callback) {\n this.trackedCallbacks_[key] = callback;\n const url = new URL(window.location.href);\n const params = url.searchParams;\n const value = params.get(key);\n this.trackedValues_[key] = value;\n return value;\n }\n\n /\n Update the URL with a new search parameter value. If the value is null, it will be\n * deleted from the search parameters.\n \n @param {string} key The URL search parameter.\n * @param {string\|null} value The updated value (or null to remove it from the URL).\n * @api\n /\n update(key, value) {\n const url = new URL(window.location.href);\n const params = url.searchParams;\n if (value === null) {\n params.delete(key);\n } else {\n params.set(key, value);\n }\n if (key in this.trackedValues_) {\n this.trackedValues_[key] = value;\n }\n this.updateHistory_(url);\n }\n\n /\n @private\n /\n updateUrl_() {\n const map = this.getMap();\n if (!map) {\n return;\n }\n const view = map.getView();\n if (!view) {\n return;\n }\n\n const center = view.getCenter();\n const zoom = view.getZoom();\n const rotation = view.getRotation();\n\n const layers = map.getAllLayers();\n const visibilities = new Array(layers.length);\n for (let i = 0, ii = layers.length; i < ii; ++i) {\n visibilities[i] = layers[i].getVisible() ? '1' : '0';\n }\n\n const url = new URL(window.location.href);\n const params = url.searchParams;\n\n this.set_(params, 'x', writeNumber(center[0]));\n this.set_(params, 'y', writeNumber(center[1]));\n this.set_(params, 'z', writeNumber(zoom));\n this.set_(params, 'r', writeNumber(rotation));\n this.set_(params, 'l', visibilities.join(''));\n\n this.updateHistory_(url);\n this.initial_ = false;\n }\n\n /\n @private\n * @param {URL} url The URL.\n */\n updateHistory_(url) {\n if (url.href !== window.location.href) {\n if (this.initial_ \|\| this.replace_) {\n window.history.replaceState(history.state, '', url);\n } else {\n window.history.pushState(null, '', url);\n }\n }\n }\n}\n\nexport default Link;\n"],"names":[],"sourceRoot":""}
1	+ {"version":3,"file":"vendors-node_modules_vaadin_map_node_modules_ol_interaction_Link_js.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAC8C;AACK;AACJ;AACZ;AACQ;;AAE3C;AACA,WAAW,QAAQ;AACnB,YAAY,QAAQ;AACpB;AACA;AACA,SAAS,iDAAO;AAChB;;AAEA;AACA,WAAW,QAAQ;AACnB,YAAY,QAAQ;AACpB;AACA;AACA;AACA;;AAEA;AACA,WAAW,QAAQ;AACnB,YAAY,QAAQ;AACpB;AACA;AACA;AACA;;AAEA;AACA,WAAW,QAAQ;AACnB,WAAW,QAAQ;AACnB,YAAY,SAAS;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,WAAW,eAAe;AAC1B,WAAW,eAAe;AAC1B,YAAY,SAAS;AACrB;AACA;AACA;AACA;;AAEA,cAAc,qBAAqB;;AAEnC;AACA,aAAa,uBAAuB;AACpC;;AAEA;AACA,aAAa,QAAQ;AACrB,cAAc,+CAA+C;AAC7D,cAAc,eAAe;AAC7B;AACA,cAAc,SAAS;AACvB;AACA,cAAc,QAAQ;AACtB;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,uDAAW;AAC9B;AACA,aAAa,SAAS;AACtB;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,mBAAmB;AACnB;;AAEA;AACA;AACA,0BAA0B;AAC1B,MAAM;AACN;AACA,MAAM;AACN;AACA;;AAEA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA,cAAc;AACd;AACA;AACA;AACA;AACA;AACA,KAAK,IAAI;;AAET;AACA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA;AACA,cAAc;AACd;AACA;AACA;;AAEA;AACA;AACA,aAAa,QAAQ;AACrB,cAAc,QAAQ;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,iBAAiB;AAC9B,aAAa,QAAQ;AACrB,cAAc,aAAa;AAC3B;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,iBAAiB;AAC9B,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,iBAAiB;AAC9B,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,kCAAkC;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,6BAA6B;AAC1C;AACA;AACA;AACA;AACA,MAAM,kDAAM,MAAM,gEAAoB;AACtC,MAAM,kDAAM,sBAAsB,mEAAgB;AAClD,MAAM,kDAAM;AACZ;;AAEA;AACA;AACA;AACA;;AAEA;AACA,aAAa,6BAA6B;AAC1C;AACA;AACA;AACA,oDAAoD,QAAQ;AAC5D,MAAM,yDAAa;AACnB;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA,cAAc;AACd;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C,QAAQ;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,aAAa,QAAQ;AACrB,aAAa,UAAU;AACvB,cAAc,aAAa;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,aAAa,QAAQ;AACrB,aAAa,aAAa;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,wCAAwC,QAAQ;AAChD;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,aAAa,KAAK;AAClB;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;;AAEA,iEAAe,IAAI,EAAC","sources":["webpack://@vaadin/bundles/./node_modules/@vaadin/map/node_modules/ol/interaction/Link.js"],"sourcesContent":["/*\n @module ol/interaction/Link\n /\nimport MapEventType from '../MapEventType.js';\nimport {listen, unlistenByKey} from '../events.js';\nimport EventType from '../events/EventType.js';\nimport {toFixed} from '../math.js';\nimport Interaction from './Interaction.js';\n\n/\n @param {number} number A number.\n * @return {number} A number with at most 5 decimal places.\n /\nfunction to5(number) {\n return toFixed(number, 5);\n}\n\n/\n @param {string} string A string.\n * @return {number} A number representing the string.\n /\nfunction readNumber(string) {\n return parseFloat(string);\n}\n\n/\n @param {number} number A number.\n * @return {string} A string representing the number.\n /\nfunction writeNumber(number) {\n return to5(number).toString();\n}\n\n/\n @param {number} a A number.\n * @param {number} b A number.\n * @return {boolean} The numbers are different.\n /\nfunction differentNumber(a, b) {\n if (isNaN(a)) {\n return false;\n }\n return a !== readNumber(writeNumber(b));\n}\n\n/\n @param {Array<number>} a An array of two numbers.\n * @param {Array<number>} b An array of two numbers.\n * @return {boolean} The arrays are different.\n /\nfunction differentArray(a, b) {\n return differentNumber(a[0], b[0]) \|\| differentNumber(a[1], b[1]);\n}\n\n/* @typedef {'x'\|'y'\|'z'\|'r'\|'l'} Params /\n\n/\n @typedef {function(string):void} Callback\n /\n\n/\n @typedef {Object} Options\n * @property {boolean\|import('../View.js').AnimationOptions} [animate=true] Animate view transitions.\n * @property {Array<Params>} [params=['x', 'y', 'z', 'r', 'l']] Properties to track. Default is to track\n * `x` (center x), `y` (center y), `z` (zoom), `r` (rotation) and `l` (layers).\n * @property {boolean} [replace=false] Replace the current URL without creating the new entry in browser history.\n * By default, changes in the map state result in a new entry being added to the browser history.\n * @property {string} [prefix=''] By default, the URL will be updated with search parameters x, y, z, and r. To\n * avoid collisions with existing search parameters that your application uses, you can supply a custom prefix for\n * the ones used by this interaction (e.g. 'ol:').\n /\n\n/\n @classdesc\n * An interaction that synchronizes the map state with the URL.\n \n @api\n /\nclass Link extends Interaction {\n /\n @param {Options} [options] Link options.\n /\n constructor(options) {\n super();\n\n options = Object.assign(\n {\n animate: true,\n params: ['x', 'y', 'z', 'r', 'l'],\n replace: false,\n prefix: '',\n },\n options \|\| {},\n );\n\n let animationOptions;\n if (options.animate === true) {\n animationOptions = {duration: 250};\n } else if (!options.animate) {\n animationOptions = null;\n } else {\n animationOptions = options.animate;\n }\n\n /\n @type {import('../View.js').AnimationOptions\|null}\n * @private\n /\n this.animationOptions_ = animationOptions;\n\n /\n @type {Object<Params, boolean>}\n * @private\n /\n this.params_ = options.params.reduce((acc, value) => {\n acc[value] = true;\n return acc;\n }, {});\n\n /\n @private\n * @type {boolean}\n /\n this.replace_ = options.replace;\n\n /\n @private\n * @type {string}\n /\n this.prefix_ = options.prefix;\n\n /\n @private\n * @type {!Array<import(\"../events.js\").EventsKey>}\n /\n this.listenerKeys_ = [];\n\n /\n @private\n * @type {boolean}\n /\n this.initial_ = true;\n\n /\n @private\n /\n this.updateState_ = this.updateState_.bind(this);\n\n /\n The tracked parameter callbacks.\n * @private\n * @type {Object<string, Callback>}\n /\n this.trackedCallbacks_ = {};\n\n /\n The tracked parameter values.\n * @private\n * @type {Object<string, string\|null>}\n /\n this.trackedValues_ = {};\n }\n\n /\n @private\n * @param {string} name A parameter name.\n * @return {string} A name with the prefix applied.\n /\n getParamName_(name) {\n if (!this.prefix_) {\n return name;\n }\n return this.prefix_ + name;\n }\n\n /\n @private\n * @param {URLSearchParams} params The search params.\n * @param {string} name The unprefixed parameter name.\n * @return {string\|null} The parameter value.\n /\n get_(params, name) {\n return params.get(this.getParamName_(name));\n }\n\n /\n @private\n * @param {URLSearchParams} params The search params.\n * @param {string} name The unprefixed parameter name.\n * @param {string} value The param value.\n /\n set_(params, name, value) {\n if (!(name in this.params_)) {\n return;\n }\n params.set(this.getParamName_(name), value);\n }\n\n /\n @private\n * @param {URLSearchParams} params The search params.\n * @param {string} name The unprefixed parameter name.\n /\n delete_(params, name) {\n if (!(name in this.params_)) {\n return;\n }\n params.delete(this.getParamName_(name));\n }\n\n /\n @param {import(\"../Map.js\").default\|null} map Map.\n * @override\n /\n setMap(map) {\n const oldMap = this.getMap();\n super.setMap(map);\n if (map === oldMap) {\n return;\n }\n if (oldMap) {\n this.unregisterListeners_(oldMap);\n }\n if (map) {\n this.initial_ = true;\n this.updateState_();\n this.registerListeners_(map);\n }\n }\n\n /\n @param {import(\"../Map.js\").default} map Map.\n * @private\n /\n registerListeners_(map) {\n this.listenerKeys_.push(\n listen(map, MapEventType.MOVEEND, this.updateUrl_, this),\n listen(map.getLayerGroup(), EventType.CHANGE, this.updateUrl_, this),\n listen(map, 'change:layergroup', this.handleChangeLayerGroup_, this),\n );\n\n if (!this.replace_) {\n addEventListener('popstate', this.updateState_);\n }\n }\n\n /\n @param {import(\"../Map.js\").default} map Map.\n * @private\n /\n unregisterListeners_(map) {\n for (let i = 0, ii = this.listenerKeys_.length; i < ii; ++i) {\n unlistenByKey(this.listenerKeys_[i]);\n }\n this.listenerKeys_.length = 0;\n\n if (!this.replace_) {\n removeEventListener('popstate', this.updateState_);\n }\n\n const url = new URL(window.location.href);\n const params = url.searchParams;\n this.delete_(params, 'x');\n this.delete_(params, 'y');\n this.delete_(params, 'z');\n this.delete_(params, 'r');\n this.delete_(params, 'l');\n window.history.replaceState(null, '', url);\n }\n\n /\n @private\n /\n handleChangeLayerGroup_() {\n const map = this.getMap();\n if (!map) {\n return;\n }\n this.unregisterListeners_(map);\n this.registerListeners_(map);\n this.initial_ = true;\n this.updateUrl_();\n }\n\n /\n @private\n /\n updateState_() {\n const url = new URL(window.location.href);\n const params = url.searchParams;\n for (const key in this.trackedCallbacks_) {\n const value = params.get(key);\n if (key in this.trackedCallbacks_ && value !== this.trackedValues_[key]) {\n this.trackedValues_[key] = value;\n this.trackedCallbacks_[key](value);\n }\n }\n\n const map = this.getMap();\n if (!map) {\n return;\n }\n const view = map.getView();\n if (!view \|\| !view.isDef()) {\n return;\n }\n\n let updateView = false;\n\n /\n @type {import('../View.js').AnimationOptions}\n /\n const viewProperties = {};\n\n const zoom = readNumber(this.get_(params, 'z'));\n if ('z' in this.params_ && differentNumber(zoom, view.getZoom())) {\n updateView = true;\n viewProperties.zoom = zoom;\n }\n\n const rotation = readNumber(this.get_(params, 'r'));\n if ('r' in this.params_ && differentNumber(rotation, view.getRotation())) {\n updateView = true;\n viewProperties.rotation = rotation;\n }\n\n const center = [\n readNumber(this.get_(params, 'x')),\n readNumber(this.get_(params, 'y')),\n ];\n if (\n ('x' in this.params_ \|\| 'y' in this.params_) &&\n differentArray(center, view.getCenter())\n ) {\n updateView = true;\n viewProperties.center = center;\n }\n\n if (updateView) {\n if (!this.initial_ && this.animationOptions_) {\n view.animate(Object.assign(viewProperties, this.animationOptions_));\n } else {\n if (viewProperties.center) {\n view.setCenter(viewProperties.center);\n }\n if ('zoom' in viewProperties) {\n view.setZoom(viewProperties.zoom);\n }\n if ('rotation' in viewProperties) {\n view.setRotation(viewProperties.rotation);\n }\n }\n }\n\n const layers = map.getAllLayers();\n const layersParam = this.get_(params, 'l');\n if (\n 'l' in this.params_ &&\n layersParam &&\n layersParam.length === layers.length\n ) {\n for (let i = 0, ii = layers.length; i < ii; ++i) {\n const value = parseInt(layersParam[i]);\n if (!isNaN(value)) {\n const visible = Boolean(value);\n const layer = layers[i];\n if (layer.getVisible() !== visible) {\n layer.setVisible(visible);\n }\n }\n }\n }\n }\n\n /\n Register a listener for a URL search parameter. The callback will be called with a new value\n * when the corresponding search parameter changes due to history events (e.g. browser navigation).\n \n @param {string} key The URL search parameter.\n * @param {Callback} callback The function to call when the search parameter changes.\n * @return {string\|null} The initial value of the search parameter (or null if absent from the URL).\n * @api\n /\n track(key, callback) {\n this.trackedCallbacks_[key] = callback;\n const url = new URL(window.location.href);\n const params = url.searchParams;\n const value = params.get(key);\n this.trackedValues_[key] = value;\n return value;\n }\n\n /\n Update the URL with a new search parameter value. If the value is null, it will be\n * deleted from the search parameters.\n \n @param {string} key The URL search parameter.\n * @param {string\|null} value The updated value (or null to remove it from the URL).\n * @api\n /\n update(key, value) {\n const url = new URL(window.location.href);\n const params = url.searchParams;\n if (value === null) {\n params.delete(key);\n } else {\n params.set(key, value);\n }\n if (key in this.trackedValues_) {\n this.trackedValues_[key] = value;\n }\n this.updateHistory_(url);\n }\n\n /\n @private\n /\n updateUrl_() {\n const map = this.getMap();\n if (!map) {\n return;\n }\n const view = map.getView();\n if (!view \|\| !view.isDef()) {\n return;\n }\n\n const center = view.getCenter();\n const zoom = view.getZoom();\n const rotation = view.getRotation();\n\n const layers = map.getAllLayers();\n const visibilities = new Array(layers.length);\n for (let i = 0, ii = layers.length; i < ii; ++i) {\n visibilities[i] = layers[i].getVisible() ? '1' : '0';\n }\n\n const url = new URL(window.location.href);\n const params = url.searchParams;\n\n this.set_(params, 'x', writeNumber(center[0]));\n this.set_(params, 'y', writeNumber(center[1]));\n this.set_(params, 'z', writeNumber(zoom));\n this.set_(params, 'r', writeNumber(rotation));\n this.set_(params, 'l', visibilities.join(''));\n\n this.updateHistory_(url);\n this.initial_ = false;\n }\n\n /\n @private\n * @param {URL} url The URL.\n */\n updateHistory_(url) {\n if (url.href !== window.location.href) {\n if (this.initial_ \|\| this.replace_) {\n window.history.replaceState(history.state, '', url);\n } else {\n window.history.pushState(null, '', url);\n }\n }\n }\n}\n\nexport default Link;\n"],"names":[],"sourceRoot":""}