@vaadin/bundles 25.3.0-alpha13 → 25.3.0-alpha14

package/vendors-node_modules_vaadin_map_node_modules_ol_interaction_Draw_js.js

@@ -294,371 +294,6 @@ Circle.prototype.transform;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Circle);
 
 
-/***/ }),
-
-/***/ "./node_modules/@vaadin/map/node_modules/ol/geom/GeometryCollection.js":
-/*!*****************************************************************************!*\
-  !*** ./node_modules/@vaadin/map/node_modules/ol/geom/GeometryCollection.js ***!
-  \*****************************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _events_EventType_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../events/EventType.js */ "./node_modules/@vaadin/map/node_modules/ol/events/EventType.js");
-/* harmony import */ var _events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../events.js */ "./node_modules/@vaadin/map/node_modules/ol/events.js");
-/* harmony import */ var _extent_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../extent.js */ "./node_modules/@vaadin/map/node_modules/ol/extent.js");
-/* harmony import */ var _Geometry_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Geometry.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/Geometry.js");
-/**
- * @module ol/geom/GeometryCollection
- */
-
-
-
-
-
-/**
- * @classdesc
- * An array of {@link module:ol/geom/Geometry~Geometry} objects.
- *
- * @api
- */
-class GeometryCollection extends _Geometry_js__WEBPACK_IMPORTED_MODULE_0__["default"] {
-  /**
-   * @param {Array<Geometry>} geometries Geometries.
-   */
-  constructor(geometries) {
-    super();
-
-    /**
-     * @private
-     * @type {Array<Geometry>}
-     */
-    this.geometries_ = geometries;
-
-    /**
-     * @private
-     * @type {Array<import("../events.js").EventsKey>}
-     */
-    this.changeEventsKeys_ = [];
-
-    this.listenGeometriesChange_();
-  }
-
-  /**
-   * @private
-   */
-  unlistenGeometriesChange_() {
-    this.changeEventsKeys_.forEach(_events_js__WEBPACK_IMPORTED_MODULE_1__.unlistenByKey);
-    this.changeEventsKeys_.length = 0;
-  }
-
-  /**
-   * @private
-   */
-  listenGeometriesChange_() {
-    const geometries = this.geometries_;
-    for (let i = 0, ii = geometries.length; i < ii; ++i) {
-      this.changeEventsKeys_.push(
-        (0,_events_js__WEBPACK_IMPORTED_MODULE_1__.listen)(geometries[i], _events_EventType_js__WEBPACK_IMPORTED_MODULE_2__["default"].CHANGE, this.changed, this),
-      );
-    }
-  }
-
-  /**
-   * Make a complete copy of the geometry.
-   * @return {!GeometryCollection} Clone.
-   * @api
-   * @override
-   */
-  clone() {
-    const geometryCollection = new GeometryCollection(
-      cloneGeometries(this.geometries_),
-    );
-    geometryCollection.applyProperties(this);
-    return geometryCollection;
-  }
-
-  /**
-   * @param {number} x X.
-   * @param {number} y Y.
-   * @param {import("../coordinate.js").Coordinate} closestPoint Closest point.
-   * @param {number} minSquaredDistance Minimum squared distance.
-   * @return {number} Minimum squared distance.
-   * @override
-   */
-  closestPointXY(x, y, closestPoint, minSquaredDistance) {
-    if (minSquaredDistance < (0,_extent_js__WEBPACK_IMPORTED_MODULE_3__.closestSquaredDistanceXY)(this.getExtent(), x, y)) {
-      return minSquaredDistance;
-    }
-    const geometries = this.geometries_;
-    for (let i = 0, ii = geometries.length; i < ii; ++i) {
-      minSquaredDistance = geometries[i].closestPointXY(
-        x,
-        y,
-        closestPoint,
-        minSquaredDistance,
-      );
-    }
-    return minSquaredDistance;
-  }
-
-  /**
-   * @param {number} x X.
-   * @param {number} y Y.
-   * @return {boolean} Contains (x, y).
-   * @override
-   */
-  containsXY(x, y) {
-    const geometries = this.geometries_;
-    for (let i = 0, ii = geometries.length; i < ii; ++i) {
-      if (geometries[i].containsXY(x, y)) {
-        return true;
-      }
-    }
-    return false;
-  }
-
-  /**
-   * @param {import("../extent.js").Extent} extent Extent.
-   * @protected
-   * @return {import("../extent.js").Extent} extent Extent.
-   * @override
-   */
-  computeExtent(extent) {
-    (0,_extent_js__WEBPACK_IMPORTED_MODULE_3__.createOrUpdateEmpty)(extent);
-    const geometries = this.geometries_;
-    for (let i = 0, ii = geometries.length; i < ii; ++i) {
-      (0,_extent_js__WEBPACK_IMPORTED_MODULE_3__.extend)(extent, geometries[i].getExtent());
-    }
-    return extent;
-  }
-
-  /**
-   * Return the geometries that make up this geometry collection.
-   * @return {Array<Geometry>} Geometries.
-   * @api
-   */
-  getGeometries() {
-    return cloneGeometries(this.geometries_);
-  }
-
-  /**
-   * @return {Array<Geometry>} Geometries.
-   */
-  getGeometriesArray() {
-    return this.geometries_;
-  }
-
-  /**
-   * @return {Array<Geometry>} Geometries.
-   */
-  getGeometriesArrayRecursive() {
-    /** @type {Array<Geometry>} */
-    let geometriesArray = [];
-    const geometries = this.geometries_;
-    for (let i = 0, ii = geometries.length; i < ii; ++i) {
-      if (geometries[i].getType() === this.getType()) {
-        geometriesArray = geometriesArray.concat(
-          /** @type {GeometryCollection} */ (
-            geometries[i]
-          ).getGeometriesArrayRecursive(),
-        );
-      } else {
-        geometriesArray.push(geometries[i]);
-      }
-    }
-    return geometriesArray;
-  }
-
-  /**
-   * Create a simplified version of this geometry using the Douglas Peucker algorithm.
-   * @param {number} squaredTolerance Squared tolerance.
-   * @return {GeometryCollection} Simplified GeometryCollection.
-   * @override
-   */
-  getSimplifiedGeometry(squaredTolerance) {
-    if (this.simplifiedGeometryRevision !== this.getRevision()) {
-      this.simplifiedGeometryMaxMinSquaredTolerance = 0;
-      this.simplifiedGeometryRevision = this.getRevision();
-    }
-    if (
-      squaredTolerance < 0 ||
-      (this.simplifiedGeometryMaxMinSquaredTolerance !== 0 &&
-        squaredTolerance < this.simplifiedGeometryMaxMinSquaredTolerance)
-    ) {
-      return this;
-    }
-
-    const simplifiedGeometries = [];
-    const geometries = this.geometries_;
-    let simplified = false;
-    for (let i = 0, ii = geometries.length; i < ii; ++i) {
-      const geometry = geometries[i];
-      const simplifiedGeometry =
-        geometry.getSimplifiedGeometry(squaredTolerance);
-      simplifiedGeometries.push(simplifiedGeometry);
-      if (simplifiedGeometry !== geometry) {
-        simplified = true;
-      }
-    }
-    if (simplified) {
-      const simplifiedGeometryCollection = new GeometryCollection(
-        simplifiedGeometries,
-      );
-      return simplifiedGeometryCollection;
-    }
-    this.simplifiedGeometryMaxMinSquaredTolerance = squaredTolerance;
-    return this;
-  }
-
-  /**
-   * Get the type of this geometry.
-   * @return {import("./Geometry.js").Type} Geometry type.
-   * @api
-   * @override
-   */
-  getType() {
-    return 'GeometryCollection';
-  }
-
-  /**
-   * Test if the geometry and the passed extent intersect.
-   * @param {import("../extent.js").Extent} extent Extent.
-   * @return {boolean} `true` if the geometry and the extent intersect.
-   * @api
-   * @override
-   */
-  intersectsExtent(extent) {
-    const geometries = this.geometries_;
-    for (let i = 0, ii = geometries.length; i < ii; ++i) {
-      if (geometries[i].intersectsExtent(extent)) {
-        return true;
-      }
-    }
-    return false;
-  }
-
-  /**
-   * @return {boolean} Is empty.
-   */
-  isEmpty() {
-    return this.geometries_.length === 0;
-  }
-
-  /**
-   * Rotate the geometry around a given coordinate. This modifies the geometry
-   * coordinates in place.
-   * @param {number} angle Rotation angle in radians.
-   * @param {import("../coordinate.js").Coordinate} anchor The rotation center.
-   * @api
-   * @override
-   */
-  rotate(angle, anchor) {
-    const geometries = this.geometries_;
-    for (let i = 0, ii = geometries.length; i < ii; ++i) {
-      geometries[i].rotate(angle, anchor);
-    }
-    this.changed();
-  }
-
-  /**
-   * Scale the geometry (with an optional origin).  This modifies the geometry
-   * coordinates in place.
-   * @abstract
-   * @param {number} sx The scaling factor in the x-direction.
-   * @param {number} [sy] The scaling factor in the y-direction (defaults to sx).
-   * @param {import("../coordinate.js").Coordinate} [anchor] The scale origin (defaults to the center
-   *     of the geometry extent).
-   * @api
-   * @override
-   */
-  scale(sx, sy, anchor) {
-    if (!anchor) {
-      anchor = (0,_extent_js__WEBPACK_IMPORTED_MODULE_3__.getCenter)(this.getExtent());
-    }
-    const geometries = this.geometries_;
-    for (let i = 0, ii = geometries.length; i < ii; ++i) {
-      geometries[i].scale(sx, sy, anchor);
-    }
-    this.changed();
-  }
-
-  /**
-   * Set the geometries that make up this geometry collection.
-   * @param {Array<Geometry>} geometries Geometries.
-   * @api
-   */
-  setGeometries(geometries) {
-    this.setGeometriesArray(cloneGeometries(geometries));
-  }
-
-  /**
-   * @param {Array<Geometry>} geometries Geometries.
-   */
-  setGeometriesArray(geometries) {
-    this.unlistenGeometriesChange_();
-    this.geometries_ = geometries;
-    this.listenGeometriesChange_();
-    this.changed();
-  }
-
-  /**
-   * Apply a transform function to the coordinates of the geometry.
-   * The geometry is modified in place.
-   * If you do not want the geometry modified in place, first `clone()` it and
-   * then use this function on the clone.
-   * @param {import("../proj.js").TransformFunction} transformFn Transform function.
-   * Called with a flat array of geometry coordinates.
-   * @api
-   * @override
-   */
-  applyTransform(transformFn) {
-    const geometries = this.geometries_;
-    for (let i = 0, ii = geometries.length; i < ii; ++i) {
-      geometries[i].applyTransform(transformFn);
-    }
-    this.changed();
-  }
-
-  /**
-   * Translate the geometry.  This modifies the geometry coordinates in place.  If
-   * instead you want a new geometry, first `clone()` this geometry.
-   * @param {number} deltaX Delta X.
-   * @param {number} deltaY Delta Y.
-   * @api
-   * @override
-   */
-  translate(deltaX, deltaY) {
-    const geometries = this.geometries_;
-    for (let i = 0, ii = geometries.length; i < ii; ++i) {
-      geometries[i].translate(deltaX, deltaY);
-    }
-    this.changed();
-  }
-
-  /**
-   * Clean up.
-   * @override
-   */
-  disposeInternal() {
-    this.unlistenGeometriesChange_();
-    super.disposeInternal();
-  }
-}
-
-/**
- * @param {Array<Geometry>} geometries Geometries.
- * @return {Array<Geometry>} Cloned geometries.
- */
-function cloneGeometries(geometries) {
-  return geometries.map((geometry) => geometry.clone());
-}
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GeometryCollection);
-
-
 /***/ }),
 
 /***/ "./node_modules/@vaadin/map/node_modules/ol/interaction/Draw.js":
@@ -674,31 +309,30 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "createRegularPolygon": () => (/* binding */ createRegularPolygon),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _Feature_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../Feature.js */ "./node_modules/@vaadin/map/node_modules/ol/Feature.js");
-/* harmony import */ var _MapBrowserEvent_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../MapBrowserEvent.js */ "./node_modules/@vaadin/map/node_modules/ol/MapBrowserEvent.js");
-/* harmony import */ var _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../MapBrowserEventType.js */ "./node_modules/@vaadin/map/node_modules/ol/MapBrowserEventType.js");
-/* harmony import */ var _coordinate_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../coordinate.js */ "./node_modules/@vaadin/map/node_modules/ol/coordinate.js");
+/* harmony import */ var _Feature_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../Feature.js */ "./node_modules/@vaadin/map/node_modules/ol/Feature.js");
+/* harmony import */ var _MapBrowserEvent_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../MapBrowserEvent.js */ "./node_modules/@vaadin/map/node_modules/ol/MapBrowserEvent.js");
+/* harmony import */ var _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../MapBrowserEventType.js */ "./node_modules/@vaadin/map/node_modules/ol/MapBrowserEventType.js");
+/* harmony import */ var _coordinate_js__WEBPACK_IMPORTED_MODULE_5__ = __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_EventType_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../events/EventType.js */ "./node_modules/@vaadin/map/node_modules/ol/events/EventType.js");
-/* harmony import */ var _events_condition_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../events/condition.js */ "./node_modules/@vaadin/map/node_modules/ol/events/condition.js");
-/* harmony import */ var _extent_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../extent.js */ "./node_modules/@vaadin/map/node_modules/ol/extent.js");
-/* harmony import */ var _functions_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../functions.js */ "./node_modules/@vaadin/map/node_modules/ol/functions.js");
-/* harmony import */ var _geom_Circle_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../geom/Circle.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/Circle.js");
-/* harmony import */ var _geom_GeometryCollection_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../geom/GeometryCollection.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/GeometryCollection.js");
-/* harmony import */ var _geom_LineString_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../geom/LineString.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/LineString.js");
-/* harmony import */ var _geom_MultiLineString_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../geom/MultiLineString.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/MultiLineString.js");
-/* harmony import */ var _geom_MultiPoint_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../geom/MultiPoint.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/MultiPoint.js");
-/* harmony import */ var _geom_MultiPolygon_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../geom/MultiPolygon.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/MultiPolygon.js");
-/* harmony import */ var _geom_Point_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../geom/Point.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/Point.js");
-/* harmony import */ var _geom_Polygon_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../geom/Polygon.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/Polygon.js");
-/* harmony import */ var _geom_SimpleGeometry_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../geom/SimpleGeometry.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/SimpleGeometry.js");
-/* harmony import */ var _layer_Vector_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../layer/Vector.js */ "./node_modules/@vaadin/map/node_modules/ol/layer/Vector.js");
-/* harmony import */ var _math_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../math.js */ "./node_modules/@vaadin/map/node_modules/ol/math.js");
+/* harmony import */ var _events_EventType_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../events/EventType.js */ "./node_modules/@vaadin/map/node_modules/ol/events/EventType.js");
+/* harmony import */ var _events_condition_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../events/condition.js */ "./node_modules/@vaadin/map/node_modules/ol/events/condition.js");
+/* harmony import */ var _extent_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../extent.js */ "./node_modules/@vaadin/map/node_modules/ol/extent.js");
+/* harmony import */ var _functions_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../functions.js */ "./node_modules/@vaadin/map/node_modules/ol/functions.js");
+/* harmony import */ var _geom_Circle_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../geom/Circle.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/Circle.js");
+/* harmony import */ var _geom_LineString_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../geom/LineString.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/LineString.js");
+/* harmony import */ var _geom_MultiLineString_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../geom/MultiLineString.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/MultiLineString.js");
+/* harmony import */ var _geom_MultiPoint_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../geom/MultiPoint.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/MultiPoint.js");
+/* harmony import */ var _geom_MultiPolygon_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../geom/MultiPolygon.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/MultiPolygon.js");
+/* harmony import */ var _geom_Point_js__WEBPACK_IMPORTED_MODULE_6__ = __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 _geom_SimpleGeometry_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../geom/SimpleGeometry.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/SimpleGeometry.js");
+/* harmony import */ var _layer_Vector_js__WEBPACK_IMPORTED_MODULE_9__ = __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_14__ = __webpack_require__(/*! ../source/Vector.js */ "./node_modules/@vaadin/map/node_modules/ol/source/Vector.js");
-/* harmony import */ var _style_Style_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../style/Style.js */ "./node_modules/@vaadin/map/node_modules/ol/style/Style.js");
-/* harmony import */ var _Pointer_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Pointer.js */ "./node_modules/@vaadin/map/node_modules/ol/interaction/Pointer.js");
-/* harmony import */ var _Property_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Property.js */ "./node_modules/@vaadin/map/node_modules/ol/interaction/Property.js");
+/* harmony import */ var _source_Vector_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../source/Vector.js */ "./node_modules/@vaadin/map/node_modules/ol/source/Vector.js");
+/* harmony import */ var _style_Style_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../style/Style.js */ "./node_modules/@vaadin/map/node_modules/ol/style/Style.js");
+/* harmony import */ var _Pointer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Pointer.js */ "./node_modules/@vaadin/map/node_modules/ol/interaction/Pointer.js");
+/* harmony import */ var _Property_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Property.js */ "./node_modules/@vaadin/map/node_modules/ol/interaction/Property.js");
+/* harmony import */ var _tracing_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./tracing.js */ "./node_modules/@vaadin/map/node_modules/ol/interaction/tracing.js");
 /**
  * @module ol/interaction/Draw
  */
@@ -725,7 +359,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 
 
 /**
@@ -802,8 +435,7 @@ __webpack_require__.r(__webpack_exports__);
  */
 
 /**
- * Coordinate type when drawing lines.
- * @typedef {Array<import("../coordinate.js").Coordinate>} LineCoordType
+ * @typedef {import('./tracing.js').LineCoordType} LineCoordType
  */
 
 /**
@@ -816,23 +448,9 @@ __webpack_require__.r(__webpack_exports__);
  * @typedef {PointCoordType|LineCoordType|PolyCoordType} SketchCoordType
  */
 
-/**
- * @typedef {Object} TraceState
- * @property {boolean} active Tracing active.
- * @property {import("../pixel.js").Pixel} [startPx] The initially clicked pixel location.
- * @property {Array<TraceTarget>} [targets] Targets available for tracing.
- * @property {number} [targetIndex] The index of the currently traced target.  A value of -1 indicates
- * that no trace target is active.
- */
+/** @typedef {import('./tracing.js').TraceState} TraceState */
 
-/**
- * @typedef {Object} TraceTarget
- * @property {Array<import("../coordinate.js").Coordinate>} coordinates Target coordinates.
- * @property {boolean} ring The target coordinates are a linear ring.
- * @property {number} startIndex The index of first traced coordinate.  A fractional index represents an
- * edge intersection.  Index values for rings will wrap (may be negative or larger than coordinates length).
- * @property {number} endIndex The index of last traced coordinate.  Details from startIndex also apply here.
- */
+/** @typedef {import('./tracing.js').TraceTarget} TraceTarget */
 
 /**
  * Function that takes an array of coordinates and an optional existing geometry
@@ -896,378 +514,13 @@ class DrawEvent extends _events_Event_js__WEBPACK_IMPORTED_MODULE_1__["default"]
   }
 }
 
-/**
- * @param {import("../coordinate.js").Coordinate} coordinate The coordinate.
- * @param {Array<Feature>} features The candidate features.
- * @return {Array<TraceTarget>} The trace targets.
- */
-function getTraceTargets(coordinate, features) {
-  /**
-   * @type {Array<TraceTarget>}
-   */
-  const targets = [];
-
-  for (let i = 0; i < features.length; ++i) {
-    const feature = features[i];
-    const geometry = feature.getGeometry();
-    appendGeometryTraceTargets(coordinate, geometry, targets);
-  }
-
-  return targets;
-}
-
-/**
- * @param {import("../coordinate.js").Coordinate} a One coordinate.
- * @param {import("../coordinate.js").Coordinate} b Another coordinate.
- * @return {number} The squared distance between the two coordinates.
- */
-function getSquaredDistance(a, b) {
-  return (0,_math_js__WEBPACK_IMPORTED_MODULE_2__.squaredDistance)(a[0], a[1], b[0], b[1]);
-}
-
-/**
- * @param {LineCoordType} coordinates The ring coordinates.
- * @param {number} index The index.  May be wrapped.
- * @return {import("../coordinate.js").Coordinate} The coordinate.
- */
-function getCoordinate(coordinates, index) {
-  const count = coordinates.length;
-  if (index < 0) {
-    return coordinates[index + count];
-  }
-  if (index >= count) {
-    return coordinates[index - count];
-  }
-  return coordinates[index];
-}
-
-/**
- * Get the cumulative squared distance along a ring path.  The end index index may be "wrapped" and it may
- * be less than the start index to indicate the direction of travel.  The start and end index may have
- * a fractional part to indicate a point between two coordinates.
- * @param {LineCoordType} coordinates Ring coordinates.
- * @param {number} startIndex The start index.
- * @param {number} endIndex The end index.
- * @return {number} The cumulative squared distance along the ring path.
- */
-function getCumulativeSquaredDistance(coordinates, startIndex, endIndex) {
-  let lowIndex, highIndex;
-  if (startIndex < endIndex) {
-    lowIndex = startIndex;
-    highIndex = endIndex;
-  } else {
-    lowIndex = endIndex;
-    highIndex = startIndex;
-  }
-  const lowWholeIndex = Math.ceil(lowIndex);
-  const highWholeIndex = Math.floor(highIndex);
-
-  if (lowWholeIndex > highWholeIndex) {
-    // both start and end are on the same segment
-    const start = interpolateCoordinate(coordinates, lowIndex);
-    const end = interpolateCoordinate(coordinates, highIndex);
-    return getSquaredDistance(start, end);
-  }
-
-  let sd = 0;
-
-  if (lowIndex < lowWholeIndex) {
-    const start = interpolateCoordinate(coordinates, lowIndex);
-    const end = getCoordinate(coordinates, lowWholeIndex);
-    sd += getSquaredDistance(start, end);
-  }
-
-  if (highWholeIndex < highIndex) {
-    const start = getCoordinate(coordinates, highWholeIndex);
-    const end = interpolateCoordinate(coordinates, highIndex);
-    sd += getSquaredDistance(start, end);
-  }
-
-  for (let i = lowWholeIndex; i < highWholeIndex - 1; ++i) {
-    const start = getCoordinate(coordinates, i);
-    const end = getCoordinate(coordinates, i + 1);
-    sd += getSquaredDistance(start, end);
-  }
-
-  return sd;
-}
-
-/**
- * @param {import("../coordinate.js").Coordinate} coordinate The coordinate.
- * @param {import("../geom/Geometry.js").default} geometry The candidate geometry.
- * @param {Array<TraceTarget>} targets The trace targets.
- */
-function appendGeometryTraceTargets(coordinate, geometry, targets) {
-  if (geometry instanceof _geom_LineString_js__WEBPACK_IMPORTED_MODULE_3__["default"]) {
-    appendTraceTarget(coordinate, geometry.getCoordinates(), false, targets);
-    return;
-  }
-  if (geometry instanceof _geom_MultiLineString_js__WEBPACK_IMPORTED_MODULE_4__["default"]) {
-    const coordinates = geometry.getCoordinates();
-    for (let i = 0, ii = coordinates.length; i < ii; ++i) {
-      appendTraceTarget(coordinate, coordinates[i], false, targets);
-    }
-    return;
-  }
-  if (geometry instanceof _geom_Polygon_js__WEBPACK_IMPORTED_MODULE_5__["default"]) {
-    const coordinates = geometry.getCoordinates();
-    for (let i = 0, ii = coordinates.length; i < ii; ++i) {
-      appendTraceTarget(coordinate, coordinates[i], true, targets);
-    }
-    return;
-  }
-  if (geometry instanceof _geom_MultiPolygon_js__WEBPACK_IMPORTED_MODULE_6__["default"]) {
-    const polys = geometry.getCoordinates();
-    for (let i = 0, ii = polys.length; i < ii; ++i) {
-      const coordinates = polys[i];
-      for (let j = 0, jj = coordinates.length; j < jj; ++j) {
-        appendTraceTarget(coordinate, coordinates[j], true, targets);
-      }
-    }
-    return;
-  }
-  if (geometry instanceof _geom_GeometryCollection_js__WEBPACK_IMPORTED_MODULE_7__["default"]) {
-    const geometries = geometry.getGeometries();
-    for (let i = 0; i < geometries.length; ++i) {
-      appendGeometryTraceTargets(coordinate, geometries[i], targets);
-    }
-    return;
-  }
-  // other types cannot be traced
-}
-
-/**
- * @typedef {Object} TraceTargetUpdateInfo
- * @property {number} index The new target index.
- * @property {number} endIndex The new segment end index.
- */
-
-/**
- * @type {TraceTargetUpdateInfo}
- */
-const sharedUpdateInfo = {index: -1, endIndex: NaN};
-
-/**
- * @param {import("../coordinate.js").Coordinate} coordinate The coordinate.
- * @param {TraceState} traceState The trace state.
- * @param {import("../Map.js").default} map The map.
- * @param {number} snapTolerance The snap tolerance.
- * @return {TraceTargetUpdateInfo} Information about the new trace target.  The returned
- * object is reused between calls and must not be modified by the caller.
- */
-function getTraceTargetUpdate(coordinate, traceState, map, snapTolerance) {
-  const x = coordinate[0];
-  const y = coordinate[1];
-
-  let closestTargetDistance = Infinity;
-
-  let newTargetIndex = -1;
-  let newEndIndex = NaN;
-
-  for (
-    let targetIndex = 0;
-    targetIndex < traceState.targets.length;
-    ++targetIndex
-  ) {
-    const target = traceState.targets[targetIndex];
-    const coordinates = target.coordinates;
-
-    let minSegmentDistance = Infinity;
-    let endIndex;
-    for (
-      let coordinateIndex = 0;
-      coordinateIndex < coordinates.length - 1;
-      ++coordinateIndex
-    ) {
-      const start = coordinates[coordinateIndex];
-      const end = coordinates[coordinateIndex + 1];
-      const rel = getPointSegmentRelationship(x, y, start, end);
-      if (rel.squaredDistance < minSegmentDistance) {
-        minSegmentDistance = rel.squaredDistance;
-        endIndex = coordinateIndex + rel.along;
-      }
-    }
-
-    if (minSegmentDistance < closestTargetDistance) {
-      closestTargetDistance = minSegmentDistance;
-      if (target.ring && traceState.targetIndex === targetIndex) {
-        // same target, maintain the same trace direction
-        if (target.endIndex > target.startIndex) {
-          // forward trace
-          if (endIndex < target.startIndex) {
-            endIndex += coordinates.length;
-          }
-        } else if (target.endIndex < target.startIndex) {
-          // reverse trace
-          if (endIndex > target.startIndex) {
-            endIndex -= coordinates.length;
-          }
-        }
-      }
-      newEndIndex = endIndex;
-      newTargetIndex = targetIndex;
-    }
-  }
-
-  const newTarget = traceState.targets[newTargetIndex];
-  let considerBothDirections = newTarget.ring;
-  if (traceState.targetIndex === newTargetIndex && considerBothDirections) {
-    // only consider switching trace direction if close to the start
-    const newCoordinate = interpolateCoordinate(
-      newTarget.coordinates,
-      newEndIndex,
-    );
-    const pixel = map.getPixelFromCoordinate(newCoordinate);
-    if ((0,_coordinate_js__WEBPACK_IMPORTED_MODULE_8__.distance)(pixel, traceState.startPx) > snapTolerance) {
-      considerBothDirections = false;
-    }
-  }
-
-  if (considerBothDirections) {
-    const coordinates = newTarget.coordinates;
-    const count = coordinates.length;
-    const startIndex = newTarget.startIndex;
-    const endIndex = newEndIndex;
-    if (startIndex < endIndex) {
-      const forwardDistance = getCumulativeSquaredDistance(
-        coordinates,
-        startIndex,
-        endIndex,
-      );
-      const reverseDistance = getCumulativeSquaredDistance(
-        coordinates,
-        startIndex,
-        endIndex - count,
-      );
-      if (reverseDistance < forwardDistance) {
-        newEndIndex -= count;
-      }
-    } else {
-      const reverseDistance = getCumulativeSquaredDistance(
-        coordinates,
-        startIndex,
-        endIndex,
-      );
-      const forwardDistance = getCumulativeSquaredDistance(
-        coordinates,
-        startIndex,
-        endIndex + count,
-      );
-      if (forwardDistance < reverseDistance) {
-        newEndIndex += count;
-      }
-    }
-  }
-
-  sharedUpdateInfo.index = newTargetIndex;
-  sharedUpdateInfo.endIndex = newEndIndex;
-  return sharedUpdateInfo;
-}
-
-/**
- * @param {import("../coordinate.js").Coordinate} coordinate The clicked coordinate.
- * @param {Array<import("../coordinate.js").Coordinate>} coordinates The geometry component coordinates.
- * @param {boolean} ring The coordinates represent a linear ring.
- * @param {Array<TraceTarget>} targets The trace targets.
- */
-function appendTraceTarget(coordinate, coordinates, ring, targets) {
-  const x = coordinate[0];
-  const y = coordinate[1];
-  for (let i = 0, ii = coordinates.length - 1; i < ii; ++i) {
-    const start = coordinates[i];
-    const end = coordinates[i + 1];
-    const rel = getPointSegmentRelationship(x, y, start, end);
-    if (rel.squaredDistance === 0) {
-      const index = i + rel.along;
-      targets.push({
-        coordinates: coordinates,
-        ring: ring,
-        startIndex: index,
-        endIndex: index,
-      });
-      return;
-    }
-  }
-}
-
-/**
- * @typedef {Object} PointSegmentRelationship
- * @property {number} along The closest point expressed as a fraction along the segment length.
- * @property {number} squaredDistance The squared distance of the point to the segment.
- */
-
-/**
- * @type {PointSegmentRelationship}
- */
-const sharedRel = {along: 0, squaredDistance: 0};
-
-/**
- * @param {number} x The point x.
- * @param {number} y The point y.
- * @param {import("../coordinate.js").Coordinate} start The segment start.
- * @param {import("../coordinate.js").Coordinate} end The segment end.
- * @return {PointSegmentRelationship} The point segment relationship.  The returned object is
- * shared between calls and must not be modified by the caller.
- */
-function getPointSegmentRelationship(x, y, start, end) {
-  const x1 = start[0];
-  const y1 = start[1];
-  const x2 = end[0];
-  const y2 = end[1];
-  const dx = x2 - x1;
-  const dy = y2 - y1;
-  let along = 0;
-  let px = x1;
-  let py = y1;
-  if (dx !== 0 || dy !== 0) {
-    along = (0,_math_js__WEBPACK_IMPORTED_MODULE_2__.clamp)(((x - x1) * dx + (y - y1) * dy) / (dx * dx + dy * dy), 0, 1);
-    px += dx * along;
-    py += dy * along;
-  }
-
-  sharedRel.along = along;
-  sharedRel.squaredDistance = (0,_math_js__WEBPACK_IMPORTED_MODULE_2__.toFixed)((0,_math_js__WEBPACK_IMPORTED_MODULE_2__.squaredDistance)(x, y, px, py), 10);
-  return sharedRel;
-}
-
-/**
- * @param {LineCoordType} coordinates The coordinates.
- * @param {number} index The index.  May be fractional and may wrap.
- * @return {import("../coordinate.js").Coordinate} The interpolated coordinate.
- */
-function interpolateCoordinate(coordinates, index) {
-  const count = coordinates.length;
-
-  let startIndex = Math.floor(index);
-  const along = index - startIndex;
-  if (startIndex >= count) {
-    startIndex -= count;
-  } else if (startIndex < 0) {
-    startIndex += count;
-  }
-
-  let endIndex = startIndex + 1;
-  if (endIndex >= count) {
-    endIndex -= count;
-  }
-
-  const start = coordinates[startIndex];
-  const x0 = start[0];
-  const y0 = start[1];
-  const end = coordinates[endIndex];
-  const dx = end[0] - x0;
-  const dy = end[1] - y0;
-
-  return [x0 + dx * along, y0 + dy * along];
-}
-
 /***
  * @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<'drawabort'|'drawend'|'drawstart', DrawEvent, 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<'drawabort'|'drawend'|'drawstart', DrawEvent, Return> &
+ *   import("../Observable.js").CombinedOnSignature<import("../Observable.js").EventTypes|import("../ObjectEventType.js").Types|
  *     'change:active'|'drawabort'|'drawend'|'drawstart', Return>} DrawOnSignature
  */
 
@@ -1278,7 +531,7 @@ function interpolateCoordinate(coordinates, index) {
  * @fires DrawEvent
  * @api
  */
-class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
+class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_2__["default"] {
   /**
    * @param {Options} options Options.
    */
@@ -1287,18 +540,18 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
       options
     );
     if (!pointerOptions.stopDown) {
-      pointerOptions.stopDown = _functions_js__WEBPACK_IMPORTED_MODULE_10__.FALSE;
+      pointerOptions.stopDown = _functions_js__WEBPACK_IMPORTED_MODULE_3__.FALSE;
     }
 
     super(pointerOptions);
 
     /***
-     * @type {DrawOnSignature<import("../events").EventsKey>}
+     * @type {DrawOnSignature<import("../events.js").EventsKey>}
      */
     this.on;
 
     /***
-     * @type {DrawOnSignature<import("../events").EventsKey>}
+     * @type {DrawOnSignature<import("../events.js").EventsKey>}
      */
     this.once;
 
@@ -1307,6 +560,12 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
      */
     this.un;
 
+    /**
+     * @type {Options}
+     * @private
+     */
+    this.options_ = options;
+
     /**
      * @type {boolean}
      * @private
@@ -1389,6 +648,15 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
      */
     this.stopClick_ = !!options.stopClick;
 
+    /**
+     * Ignore the next up event. This is set to `true` when a drag event is encountered,
+     * e.g. when the user pans the map while drawing. In this case, we do not want to bail
+     * out of tracing.
+     * @type {boolean}
+     * @private
+     */
+    this.ignoreNextUpEvent_ = false;
+
     /**
      * The number of points that must be drawn before a polygon ring or line
      * string can be finished.  The default is 3 for polygon rings and 2 for
@@ -1422,7 +690,7 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
      */
     this.finishCondition_ = options.finishCondition
       ? options.finishCondition
-      : _functions_js__WEBPACK_IMPORTED_MODULE_10__.TRUE;
+      : _functions_js__WEBPACK_IMPORTED_MODULE_3__.TRUE;
 
     /**
      * @private
@@ -1445,9 +713,9 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
         geometryFunction = (coordinates, geometry, projection) => {
           const circle = geometry
             ? /** @type {Circle} */ (geometry)
-            : new _geom_Circle_js__WEBPACK_IMPORTED_MODULE_11__["default"]([NaN, NaN]);
+            : new _geom_Circle_js__WEBPACK_IMPORTED_MODULE_4__["default"]([NaN, NaN]);
           const center = (0,_proj_js__WEBPACK_IMPORTED_MODULE_0__.fromUserCoordinate)(coordinates[0], projection);
-          const squaredLength = (0,_coordinate_js__WEBPACK_IMPORTED_MODULE_8__.squaredDistance)(
+          const squaredLength = (0,_coordinate_js__WEBPACK_IMPORTED_MODULE_5__.squaredDistance)(
             center,
             (0,_proj_js__WEBPACK_IMPORTED_MODULE_0__.fromUserCoordinate)(coordinates[coordinates.length - 1], projection),
           );
@@ -1465,11 +733,11 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
       } else {
         let Constructor;
         if (mode === 'Point') {
-          Constructor = _geom_Point_js__WEBPACK_IMPORTED_MODULE_12__["default"];
+          Constructor = _geom_Point_js__WEBPACK_IMPORTED_MODULE_6__["default"];
         } else if (mode === 'LineString') {
-          Constructor = _geom_LineString_js__WEBPACK_IMPORTED_MODULE_3__["default"];
+          Constructor = _geom_LineString_js__WEBPACK_IMPORTED_MODULE_7__["default"];
         } else if (mode === 'Polygon') {
-          Constructor = _geom_Polygon_js__WEBPACK_IMPORTED_MODULE_5__["default"];
+          Constructor = _geom_Polygon_js__WEBPACK_IMPORTED_MODULE_8__["default"];
         }
         /**
          * @param {!LineCoordType} coordinates The coordinates.
@@ -1572,8 +840,8 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
      * @type {VectorLayer}
      * @private
      */
-    this.overlay_ = new _layer_Vector_js__WEBPACK_IMPORTED_MODULE_13__["default"]({
-      source: new _source_Vector_js__WEBPACK_IMPORTED_MODULE_14__["default"]({
+    this.overlay_ = new _layer_Vector_js__WEBPACK_IMPORTED_MODULE_9__["default"]({
+      source: new _source_Vector_js__WEBPACK_IMPORTED_MODULE_10__["default"]({
         useSpatialIndex: false,
         wrapX: options.wrapX ? options.wrapX : false,
       }),
@@ -1592,7 +860,7 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
      * @private
      * @type {import("../events/condition.js").Condition}
      */
-    this.condition_ = options.condition ? options.condition : _events_condition_js__WEBPACK_IMPORTED_MODULE_15__.noModifierKeys;
+    this.condition_ = options.condition ? options.condition : _events_condition_js__WEBPACK_IMPORTED_MODULE_11__.noModifierKeys;
 
     /**
      * @private
@@ -1600,11 +868,11 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
      */
     this.freehandCondition_;
     if (options.freehand) {
-      this.freehandCondition_ = _events_condition_js__WEBPACK_IMPORTED_MODULE_15__.always;
+      this.freehandCondition_ = _events_condition_js__WEBPACK_IMPORTED_MODULE_11__.always;
     } else {
       this.freehandCondition_ = options.freehandCondition
         ? options.freehandCondition
-        : _events_condition_js__WEBPACK_IMPORTED_MODULE_15__.shiftKeyOnly;
+        : _events_condition_js__WEBPACK_IMPORTED_MODULE_11__.shiftKeyOnly;
     }
 
     /**
@@ -1626,7 +894,7 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
      */
     this.traceSource_ = options.traceSource || options.source || null;
 
-    this.addChangeListener(_Property_js__WEBPACK_IMPORTED_MODULE_16__["default"].ACTIVE, this.updateState_);
+    this.addChangeListener(_Property_js__WEBPACK_IMPORTED_MODULE_12__["default"].ACTIVE, this.updateState_);
   }
 
   /**
@@ -1638,9 +906,9 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
   setTrace(trace) {
     let condition;
     if (!trace) {
-      condition = _events_condition_js__WEBPACK_IMPORTED_MODULE_15__.never;
+      condition = _events_condition_js__WEBPACK_IMPORTED_MODULE_11__.never;
     } else if (trace === true) {
-      condition = _events_condition_js__WEBPACK_IMPORTED_MODULE_15__.always;
+      condition = _events_condition_js__WEBPACK_IMPORTED_MODULE_11__.always;
     } else {
       condition = trace;
     }
@@ -1659,6 +927,24 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
     this.updateState_();
   }
 
+  /**
+   * Set whether the drawing is done in freehand mode.
+   *
+   * @param {boolean} freehand Freehand drawing.
+   * @api
+   */
+  setFreehand(freehand) {
+    this.freehand_ = freehand;
+    if (this.freehand_) {
+      this.freehandCondition_ = _events_condition_js__WEBPACK_IMPORTED_MODULE_11__.always;
+    } else {
+      this.freehandCondition_ =
+        this.options_ && this.options_.freehandCondition
+          ? this.options_.freehandCondition
+          : _events_condition_js__WEBPACK_IMPORTED_MODULE_11__.shiftKeyOnly;
+    }
+  }
+
   /**
    * Get the overlay layer that this interaction renders sketch features to.
    * @return {VectorLayer} Overlay layer.
@@ -1668,6 +954,15 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
     return this.overlay_;
   }
 
+  /**
+   * Get if this interaction is in freehand mode.
+   * @return {boolean} Freehand drawing.
+   * @api
+   */
+  getFreehand() {
+    return this.freehand_;
+  }
+
   /**
    * Handles the {@link module:ol/MapBrowserEvent~MapBrowserEvent map browser event} and may actually draw or finish the drawing.
    * @param {import("../MapBrowserEvent.js").default<PointerEvent>} event Map browser event.
@@ -1676,17 +971,17 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
    * @override
    */
   handleEvent(event) {
-    if (event.originalEvent.type === _events_EventType_js__WEBPACK_IMPORTED_MODULE_17__["default"].CONTEXTMENU) {
+    if (event.originalEvent.type === _events_EventType_js__WEBPACK_IMPORTED_MODULE_13__["default"].CONTEXTMENU) {
       // Avoid context menu for long taps when drawing on mobile
       event.originalEvent.preventDefault();
     }
     this.freehand_ = this.mode_ !== 'Point' && this.freehandCondition_(event);
-    let move = event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_18__["default"].POINTERMOVE;
+    let move = event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_14__["default"].POINTERMOVE;
     let pass = true;
     if (
       !this.freehand_ &&
       this.lastDragTime_ &&
-      event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_18__["default"].POINTERDRAG
+      event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_14__["default"].POINTERDRAG
     ) {
       const now = Date.now();
       if (now - this.lastDragTime_ >= this.dragVertexDelay_) {
@@ -1703,18 +998,18 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
     }
     if (
       this.freehand_ &&
-      event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_18__["default"].POINTERDRAG &&
+      event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_14__["default"].POINTERDRAG &&
       this.sketchFeature_ !== null
     ) {
       this.addToDrawing_(event.coordinate);
       pass = false;
     } else if (
       this.freehand_ &&
-      event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_18__["default"].POINTERDOWN
+      event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_14__["default"].POINTERDOWN
     ) {
       pass = false;
     } else if (move && this.getPointerCount() < 2) {
-      pass = event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_18__["default"].POINTERMOVE;
+      pass = event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_14__["default"].POINTERMOVE;
       if (pass && this.freehand_) {
         this.handlePointerMove_(event);
         if (this.shouldHandle_) {
@@ -1723,12 +1018,12 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
         }
       } else if (
         event.originalEvent.pointerType === 'mouse' ||
-        (event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_18__["default"].POINTERDRAG &&
+        (event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_14__["default"].POINTERDRAG &&
           this.downTimeout_ === undefined)
       ) {
         this.handlePointerMove_(event);
       }
-    } else if (event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_18__["default"].DBLCLICK) {
+    } else if (event.type === _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_14__["default"].DBLCLICK) {
       pass = false;
     }
 
@@ -1760,8 +1055,8 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
     this.lastDragTime_ = Date.now();
     this.downTimeout_ = setTimeout(() => {
       this.handlePointerMove_(
-        new _MapBrowserEvent_js__WEBPACK_IMPORTED_MODULE_19__["default"](
-          _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_18__["default"].POINTERMOVE,
+        new _MapBrowserEvent_js__WEBPACK_IMPORTED_MODULE_15__["default"](
+          _MapBrowserEventType_js__WEBPACK_IMPORTED_MODULE_14__["default"].POINTERMOVE,
           event.map,
           event.originalEvent,
           false,
@@ -1804,17 +1099,17 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
       event.pixel[0] + this.snapTolerance_,
       event.pixel[1] - this.snapTolerance_,
     ]);
-    const extent = (0,_extent_js__WEBPACK_IMPORTED_MODULE_20__.boundingExtent)([lowerLeft, upperRight]);
+    const extent = (0,_extent_js__WEBPACK_IMPORTED_MODULE_16__.boundingExtent)([lowerLeft, upperRight]);
     const features = this.traceSource_.getFeaturesInExtent(extent);
     if (features.length === 0) {
       return;
     }
 
-    const targets = getTraceTargets(event.coordinate, features);
+    const targets = (0,_tracing_js__WEBPACK_IMPORTED_MODULE_17__.getTraceTargets)(event.coordinate, features);
     if (targets.length) {
       this.traceState_ = {
         active: true,
-        startPx: event.pixel.slice(),
+        startCoord: event.coordinate.slice(),
         targets: targets,
         targetIndex: -1,
       };
@@ -1908,7 +1203,7 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
         end -= 1;
       }
       for (let i = start; i <= end; ++i) {
-        coordinates.push(getCoordinate(target.coordinates, i));
+        coordinates.push((0,_tracing_js__WEBPACK_IMPORTED_MODULE_17__.getCoordinate)(target.coordinates, i));
       }
     } else {
       // reverse trace
@@ -1918,7 +1213,7 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
         end += 1;
       }
       for (let i = start; i >= end; --i) {
-        coordinates.push(getCoordinate(target.coordinates, i));
+        coordinates.push((0,_tracing_js__WEBPACK_IMPORTED_MODULE_17__.getCoordinate)(target.coordinates, i));
       }
     }
     if (coordinates.length) {
@@ -1939,12 +1234,13 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
 
     if (traceState.targetIndex === -1) {
       // check if we are ready to pick a target
-      if ((0,_coordinate_js__WEBPACK_IMPORTED_MODULE_8__.distance)(traceState.startPx, event.pixel) < this.snapTolerance_) {
+      const startPx = event.map.getPixelFromCoordinate(traceState.startCoord);
+      if ((0,_coordinate_js__WEBPACK_IMPORTED_MODULE_5__.distance)(startPx, event.pixel) < this.snapTolerance_) {
         return;
       }
     }
 
-    const updatedTraceTarget = getTraceTargetUpdate(
+    const updatedTraceTarget = (0,_tracing_js__WEBPACK_IMPORTED_MODULE_17__.getTraceTargetUpdate)(
       event.coordinate,
       traceState,
       this.getMap(),
@@ -1977,7 +1273,7 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
     target.endIndex = updatedTraceTarget.endIndex;
 
     // update event coordinate and pixel to match end point of final segment
-    const coordinate = interpolateCoordinate(
+    const coordinate = (0,_tracing_js__WEBPACK_IMPORTED_MODULE_17__.interpolateCoordinate)(
       target.coordinates,
       target.endIndex,
     );
@@ -1986,6 +1282,16 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
     event.pixel = [Math.round(pixel[0]), Math.round(pixel[1])];
   }
 
+  /**
+   * Handle drag events.
+   * @param {import("../MapBrowserEvent.js").default<PointerEvent>} event Event.
+   * @override
+   */
+  handleDragEvent(event) {
+    this.ignoreNextUpEvent_ = true;
+    super.handleDragEvent(event);
+  }
+
   /**
    * Handle pointer up events.
    * @param {import("../MapBrowserEvent.js").default<PointerEvent>} event Event.
@@ -2003,7 +1309,9 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
 
       this.handlePointerMove_(event);
       const tracing = this.traceState_.active;
-      this.toggleTraceState_(event);
+      if (!this.ignoreNextUpEvent_) {
+        this.toggleTraceState_(event);
+      }
 
       if (this.shouldHandle_) {
         const startingToDraw = !this.finishCoordinate_;
@@ -2029,6 +1337,7 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
         this.abortDrawing();
       }
     }
+    this.ignoreNextUpEvent_ = false;
 
     if (!pass && this.stopClick_) {
       event.preventDefault();
@@ -2126,12 +1435,12 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
   }
 
   /**
-   * @param {import("../coordinate").Coordinate} coordinates Coordinate.
+   * @param {import("../coordinate.js").Coordinate} coordinates Coordinate.
    * @private
    */
   createOrUpdateSketchPoint_(coordinates) {
     if (!this.sketchPoint_) {
-      this.sketchPoint_ = new _Feature_js__WEBPACK_IMPORTED_MODULE_21__["default"](new _geom_Point_js__WEBPACK_IMPORTED_MODULE_12__["default"](coordinates));
+      this.sketchPoint_ = new _Feature_js__WEBPACK_IMPORTED_MODULE_18__["default"](new _geom_Point_js__WEBPACK_IMPORTED_MODULE_6__["default"](coordinates));
       this.updateSketchFeatures_();
     } else {
       const sketchPointGeom = this.sketchPoint_.getGeometry();
@@ -2145,12 +1454,12 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
    */
   createOrUpdateCustomSketchLine_(geometry) {
     if (!this.sketchLine_) {
-      this.sketchLine_ = new _Feature_js__WEBPACK_IMPORTED_MODULE_21__["default"]();
+      this.sketchLine_ = new _Feature_js__WEBPACK_IMPORTED_MODULE_18__["default"]();
     }
     const ring = geometry.getLinearRing(0);
     let sketchLineGeom = this.sketchLine_.getGeometry();
     if (!sketchLineGeom) {
-      sketchLineGeom = new _geom_LineString_js__WEBPACK_IMPORTED_MODULE_3__["default"](
+      sketchLineGeom = new _geom_LineString_js__WEBPACK_IMPORTED_MODULE_7__["default"](
         ring.getFlatCoordinates(),
         ring.getLayout(),
       );
@@ -2171,7 +1480,7 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
    */
   startDrawing_(start) {
     const projection = this.getMap().getView().getProjection();
-    const stride = (0,_geom_SimpleGeometry_js__WEBPACK_IMPORTED_MODULE_22__.getStrideForLayout)(this.geometryLayout_);
+    const stride = (0,_geom_SimpleGeometry_js__WEBPACK_IMPORTED_MODULE_19__.getStrideForLayout)(this.geometryLayout_);
     while (start.length < stride) {
       start.push(0);
     }
@@ -2185,14 +1494,14 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
       this.sketchCoords_ = [start.slice(), start.slice()];
     }
     if (this.sketchLineCoords_) {
-      this.sketchLine_ = new _Feature_js__WEBPACK_IMPORTED_MODULE_21__["default"](new _geom_LineString_js__WEBPACK_IMPORTED_MODULE_3__["default"](this.sketchLineCoords_));
+      this.sketchLine_ = new _Feature_js__WEBPACK_IMPORTED_MODULE_18__["default"](new _geom_LineString_js__WEBPACK_IMPORTED_MODULE_7__["default"](this.sketchLineCoords_));
     }
     const geometry = this.geometryFunction_(
       this.sketchCoords_,
       undefined,
       projection,
     );
-    this.sketchFeature_ = new _Feature_js__WEBPACK_IMPORTED_MODULE_21__["default"]();
+    this.sketchFeature_ = new _Feature_js__WEBPACK_IMPORTED_MODULE_18__["default"]();
     if (this.geometryName_) {
       this.sketchFeature_.setGeometryName(this.geometryName_);
     }
@@ -2212,7 +1521,7 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
     const map = this.getMap();
     const geometry = this.sketchFeature_.getGeometry();
     const projection = map.getView().getProjection();
-    const stride = (0,_geom_SimpleGeometry_js__WEBPACK_IMPORTED_MODULE_22__.getStrideForLayout)(this.geometryLayout_);
+    const stride = (0,_geom_SimpleGeometry_js__WEBPACK_IMPORTED_MODULE_19__.getStrideForLayout)(this.geometryLayout_);
     let coordinates, last;
     while (coordinate.length < stride) {
       coordinate.push(0);
@@ -2384,15 +1693,15 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
     // cast multi-part geometries
     if (this.type_ === 'MultiPoint') {
       sketchFeature.setGeometry(
-        new _geom_MultiPoint_js__WEBPACK_IMPORTED_MODULE_23__["default"]([/** @type {PointCoordType} */ (coordinates)]),
+        new _geom_MultiPoint_js__WEBPACK_IMPORTED_MODULE_20__["default"]([/** @type {PointCoordType} */ (coordinates)]),
       );
     } else if (this.type_ === 'MultiLineString') {
       sketchFeature.setGeometry(
-        new _geom_MultiLineString_js__WEBPACK_IMPORTED_MODULE_4__["default"]([/** @type {LineCoordType} */ (coordinates)]),
+        new _geom_MultiLineString_js__WEBPACK_IMPORTED_MODULE_21__["default"]([/** @type {LineCoordType} */ (coordinates)]),
       );
     } else if (this.type_ === 'MultiPolygon') {
       sketchFeature.setGeometry(
-        new _geom_MultiPolygon_js__WEBPACK_IMPORTED_MODULE_6__["default"]([/** @type {PolyCoordType} */ (coordinates)]),
+        new _geom_MultiPolygon_js__WEBPACK_IMPORTED_MODULE_22__["default"]([/** @type {PolyCoordType} */ (coordinates)]),
       );
     }
 
@@ -2502,7 +1811,7 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
     const last = this.sketchCoords_[this.sketchCoords_.length - 1];
     this.finishCoordinate_ = last.slice();
     this.sketchCoords_.push(last.slice());
-    this.sketchPoint_ = new _Feature_js__WEBPACK_IMPORTED_MODULE_21__["default"](new _geom_Point_js__WEBPACK_IMPORTED_MODULE_12__["default"](last));
+    this.sketchPoint_ = new _Feature_js__WEBPACK_IMPORTED_MODULE_18__["default"](new _geom_Point_js__WEBPACK_IMPORTED_MODULE_6__["default"](last));
     this.updateSketchFeatures_();
     this.dispatchEvent(
       new DrawEvent(DrawEventType.DRAWSTART, this.sketchFeature_),
@@ -2546,7 +1855,7 @@ class Draw extends _Pointer_js__WEBPACK_IMPORTED_MODULE_9__["default"] {
  * @return {import("../style/Style.js").StyleFunction} Styles.
  */
 function getDefaultStyleFunction() {
-  const styles = (0,_style_Style_js__WEBPACK_IMPORTED_MODULE_24__.createEditingStyle)();
+  const styles = (0,_style_Style_js__WEBPACK_IMPORTED_MODULE_23__.createEditingStyle)();
   return function (feature, resolution) {
     return styles[feature.getGeometry().getType()];
   };
@@ -2575,8 +1884,8 @@ function createRegularPolygon(sides, angle) {
       /** @type {LineCoordType} */ (coordinates)[coordinates.length - 1],
       projection,
     );
-    const radius = Math.sqrt((0,_coordinate_js__WEBPACK_IMPORTED_MODULE_8__.squaredDistance)(center, end));
-    geometry = geometry || (0,_geom_Polygon_js__WEBPACK_IMPORTED_MODULE_5__.fromCircle)(new _geom_Circle_js__WEBPACK_IMPORTED_MODULE_11__["default"](center), sides);
+    const radius = Math.sqrt((0,_coordinate_js__WEBPACK_IMPORTED_MODULE_5__.squaredDistance)(center, end));
+    geometry = geometry || (0,_geom_Polygon_js__WEBPACK_IMPORTED_MODULE_8__.fromCircle)(new _geom_Circle_js__WEBPACK_IMPORTED_MODULE_4__["default"](center), sides);
 
     let internalAngle = angle;
     if (!angle && angle !== 0) {
@@ -2584,7 +1893,7 @@ function createRegularPolygon(sides, angle) {
       const y = end[1] - center[1];
       internalAngle = Math.atan2(y, x);
     }
-    (0,_geom_Polygon_js__WEBPACK_IMPORTED_MODULE_5__.makeRegular)(
+    (0,_geom_Polygon_js__WEBPACK_IMPORTED_MODULE_8__.makeRegular)(
       /** @type {Polygon} */ (geometry),
       center,
       radius,
@@ -2608,7 +1917,7 @@ function createRegularPolygon(sides, angle) {
  */
 function createBox() {
   return function (coordinates, geometry, projection) {
-    const extent = (0,_extent_js__WEBPACK_IMPORTED_MODULE_20__.boundingExtent)(
+    const extent = (0,_extent_js__WEBPACK_IMPORTED_MODULE_16__.boundingExtent)(
       /** @type {LineCoordType} */ ([
         coordinates[0],
         coordinates[coordinates.length - 1],
@@ -2618,17 +1927,17 @@ function createBox() {
     );
     const boxCoordinates = [
       [
-        (0,_extent_js__WEBPACK_IMPORTED_MODULE_20__.getBottomLeft)(extent),
-        (0,_extent_js__WEBPACK_IMPORTED_MODULE_20__.getBottomRight)(extent),
-        (0,_extent_js__WEBPACK_IMPORTED_MODULE_20__.getTopRight)(extent),
-        (0,_extent_js__WEBPACK_IMPORTED_MODULE_20__.getTopLeft)(extent),
-        (0,_extent_js__WEBPACK_IMPORTED_MODULE_20__.getBottomLeft)(extent),
+        (0,_extent_js__WEBPACK_IMPORTED_MODULE_16__.getBottomLeft)(extent),
+        (0,_extent_js__WEBPACK_IMPORTED_MODULE_16__.getBottomRight)(extent),
+        (0,_extent_js__WEBPACK_IMPORTED_MODULE_16__.getTopRight)(extent),
+        (0,_extent_js__WEBPACK_IMPORTED_MODULE_16__.getTopLeft)(extent),
+        (0,_extent_js__WEBPACK_IMPORTED_MODULE_16__.getBottomLeft)(extent),
       ],
     ];
     if (geometry) {
       geometry.setCoordinates(boxCoordinates);
     } else {
-      geometry = new _geom_Polygon_js__WEBPACK_IMPORTED_MODULE_5__["default"](boxCoordinates);
+      geometry = new _geom_Polygon_js__WEBPACK_IMPORTED_MODULE_8__["default"](boxCoordinates);
     }
     const userProjection = (0,_proj_js__WEBPACK_IMPORTED_MODULE_0__.getUserProjection)();
     if (userProjection) {
@@ -2665,112 +1974,6 @@ function getMode(type) {
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Draw);
 
 
-/***/ }),
-
-/***/ "./node_modules/@vaadin/map/node_modules/ol/layer/Vector.js":
-/*!******************************************************************!*\
-  !*** ./node_modules/@vaadin/map/node_modules/ol/layer/Vector.js ***!
-  \******************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _renderer_canvas_VectorLayer_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../renderer/canvas/VectorLayer.js */ "./node_modules/@vaadin/map/node_modules/ol/renderer/canvas/VectorLayer.js");
-/* harmony import */ var _BaseVector_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BaseVector.js */ "./node_modules/@vaadin/map/node_modules/ol/layer/BaseVector.js");
-/**
- * @module ol/layer/Vector
- */
-
-
-
-/**
- * @template {import("../source/Vector.js").default<FeatureType>} [VectorSourceType=import("../source/Vector.js").default<*>]
- * @template {import('../Feature.js').FeatureLike} [FeatureType=import("./BaseVector.js").ExtractedFeatureType<VectorSourceType>]
- * @typedef {Object} Options
- * @property {string} [className='ol-layer'] A CSS class name to set to the layer element.
- * @property {number} [opacity=1] Opacity (0, 1).
- * @property {boolean} [visible=true] Visibility.
- * @property {import("../extent.js").Extent} [extent] The bounding extent for layer rendering.  The layer will not be
- * rendered outside of this extent.
- * @property {number} [zIndex] The z-index for layer rendering.  At rendering time, the layers
- * will be ordered, first by Z-index and then by position. When `undefined`, a `zIndex` of 0 is assumed
- * for layers that are added to the map's `layers` collection, or `Infinity` when the layer's `setMap()`
- * method was used.
- * @property {number} [minResolution] The minimum resolution (inclusive) at which this layer will be
- * visible.
- * @property {number} [maxResolution] The maximum resolution (exclusive) below which this layer will
- * be visible.
- * @property {number} [minZoom] The minimum view zoom level (exclusive) above which this layer will be
- * visible.
- * @property {number} [maxZoom] The maximum view zoom level (inclusive) at which this layer will
- * be visible.
- * @property {import("../render.js").OrderFunction} [renderOrder] Render order. Function to be used when sorting
- * features before rendering. By default features are drawn in the order that they are created. Use
- * `null` to avoid the sort, but get an undefined draw order.
- * @property {number} [renderBuffer=100] The buffer in pixels around the viewport extent used by the
- * renderer when getting features from the vector source for the rendering or hit-detection.
- * Recommended value: the size of the largest symbol, line width or label.
- * @property {VectorSourceType} [source] Source.
- * @property {import("../Map.js").default} [map] Sets the layer as overlay on a map. The map will not manage
- * this layer in its layers collection, and the layer will be rendered on top. This is useful for
- * temporary layers. The standard way to add a layer to a map and have it managed by the map is to
- * use [map.addLayer()]{@link import("../Map.js").default#addLayer}.
- * @property {boolean|string|number} [declutter=false] Declutter images and text. Any truthy value will enable
- * decluttering. Within a layer, a feature rendered before another has higher priority. All layers with the
- * same `declutter` value will be decluttered together. The priority is determined by the drawing order of the
- * layers with the same `declutter` value. Higher in the layer stack means higher priority. To declutter distinct
- * layers or groups of layers separately, use different truthy values for `declutter`.
- * @property {import("../style/Style.js").StyleLike|import("../style/flat.js").FlatStyleLike|null} [style] Layer style. When set to `null`, only
- * features that have their own style will be rendered. See {@link module:ol/style/Style~Style} for the default style
- * which will be used if this is not set.
- * @property {import("./Base.js").BackgroundColor} [background] Background color for the layer. If not specified, no background
- * will be rendered.
- * @property {boolean} [updateWhileAnimating=false] When set to `true`, feature batches will
- * be recreated during animations. This means that no vectors will be shown clipped, but the
- * setting will have a performance impact for large amounts of vector data. When set to `false`,
- * batches will be recreated when no animation is active.
- * @property {boolean} [updateWhileInteracting=false] When set to `true`, feature batches will
- * be recreated during interactions. See also `updateWhileAnimating`.
- * @property {Object<string, *>} [properties] Arbitrary observable properties. Can be accessed with `#get()` and `#set()`.
- */
-
-/**
- * @classdesc
- * Vector data is rendered client-side, as vectors. This layer type provides most accurate rendering
- * even during animations. Points and labels stay upright on rotated views. For very large
- * amounts of vector data, performance may suffer during pan and zoom animations. In this case,
- * try {@link module:ol/layer/VectorImage~VectorImageLayer}.
- *
- * Note that any property set in the options is set as a {@link module:ol/Object~BaseObject}
- * property on the layer object; for example, setting `title: 'My Title'` in the
- * options means that `title` is observable, and has get/set accessors.
- *
- * @template {import("../source/Vector.js").default<FeatureType>} [VectorSourceType=import("../source/Vector.js").default<*>]
- * @template {import('../Feature.js').FeatureLike} [FeatureType=import("./BaseVector.js").ExtractedFeatureType<VectorSourceType>]
- * @extends {BaseVectorLayer<FeatureType, VectorSourceType, CanvasVectorLayerRenderer>}
- * @api
- */
-class VectorLayer extends _BaseVector_js__WEBPACK_IMPORTED_MODULE_0__["default"] {
-  /**
-   * @param {Options<VectorSourceType, FeatureType>} [options] Options.
-   */
-  constructor(options) {
-    super(options);
-  }
-
-  /**
-   * @override
-   */
-  createRenderer() {
-    return new _renderer_canvas_VectorLayer_js__WEBPACK_IMPORTED_MODULE_1__["default"](this);
-  }
-}
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VectorLayer);
-
-
 /***/ })
 
 }])