@vaadin/bundles 25.3.0-alpha13 → 25.3.0-alpha14

package/{node_modules_vaadin_map_node_modules_ol_render_canvas_PolygonBuilder_js.js → vendors-node_modules_vaadin_map_node_modules_ol_render_canvas_PolygonBuilder_js.js}

@@ -1,4 +1,4 @@
-(self["webpackChunk_vaadin_bundles"] = self["webpackChunk_vaadin_bundles"] || []).push([["node_modules_vaadin_map_node_modules_ol_render_canvas_PolygonBuilder_js"],{
+(self["webpackChunk_vaadin_bundles"] = self["webpackChunk_vaadin_bundles"] || []).push([["vendors-node_modules_vaadin_map_node_modules_ol_render_canvas_PolygonBuilder_js"],{
 
 /***/ "./node_modules/@vaadin/map/node_modules/ol/render/canvas/PolygonBuilder.js":
 /*!**********************************************************************************!*\
@@ -38,10 +38,11 @@ class CanvasPolygonBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["def
    * @param {number} offset Offset.
    * @param {Array<number>} ends Ends.
    * @param {number} stride Stride.
+   * @param {number} [strokeOffset] Stroke Offset in pixels.
    * @private
    * @return {number} End.
    */
-  drawFlatCoordinatess_(flatCoordinates, offset, ends, stride) {
+  drawFlatCoordinatess_(flatCoordinates, offset, ends, stride, strokeOffset) {
     const state = this.state;
     const fill = state.fillStyle !== undefined;
     const stroke = state.strokeStyle !== undefined;
@@ -59,13 +60,20 @@ class CanvasPolygonBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["def
         true,
         !stroke,
       );
-      const moveToLineToInstruction = [
+      this.instructions.push([
         _Instruction_js__WEBPACK_IMPORTED_MODULE_1__["default"].MOVE_TO_LINE_TO,
         myBegin,
         myEnd,
-      ];
-      this.instructions.push(moveToLineToInstruction);
-      this.hitDetectionInstructions.push(moveToLineToInstruction);
+        strokeOffset * this.pixelRatio,
+        true,
+      ]);
+      this.hitDetectionInstructions.push([
+        _Instruction_js__WEBPACK_IMPORTED_MODULE_1__["default"].MOVE_TO_LINE_TO,
+        myBegin,
+        myEnd,
+        strokeOffset,
+        true,
+      ]);
       if (stroke) {
         // Performance optimization: only call closePath() when we have a stroke.
         // Otherwise the ring is closed already (see appendFlatLineCoordinates above).
@@ -95,9 +103,18 @@ class CanvasPolygonBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["def
     const state = this.state;
     const fillStyle = state.fillStyle;
     const strokeStyle = state.strokeStyle;
+    const strokeOffset = state.strokeOffset;
     if (fillStyle === undefined && strokeStyle === undefined) {
       return;
     }
+
+    if (
+      this.handleStrokeOffset_(() =>
+        this.drawCircle(circleGeometry, feature, index),
+      )
+    ) {
+      return;
+    }
     this.setFillStrokeStyles_();
     this.beginGeometry(circleGeometry, feature, index);
     if (state.fillStyle !== undefined) {
@@ -109,7 +126,7 @@ class CanvasPolygonBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["def
     if (state.strokeStyle !== undefined) {
       this.hitDetectionInstructions.push([
         _Instruction_js__WEBPACK_IMPORTED_MODULE_1__["default"].SET_STROKE_STYLE,
-        state.strokeStyle,
+        _canvas_js__WEBPACK_IMPORTED_MODULE_2__.defaultStrokeStyle,
         state.lineWidth,
         state.lineCap,
         state.lineJoin,
@@ -129,7 +146,7 @@ class CanvasPolygonBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["def
       false,
       false,
     );
-    const circleInstruction = [_Instruction_js__WEBPACK_IMPORTED_MODULE_1__["default"].CIRCLE, myBegin];
+    const circleInstruction = [_Instruction_js__WEBPACK_IMPORTED_MODULE_1__["default"].CIRCLE, myBegin, strokeOffset];
     this.instructions.push(_Instruction_js__WEBPACK_IMPORTED_MODULE_1__.beginPathInstruction, circleInstruction);
     this.hitDetectionInstructions.push(_Instruction_js__WEBPACK_IMPORTED_MODULE_1__.beginPathInstruction, circleInstruction);
     if (state.fillStyle !== undefined) {
@@ -153,9 +170,18 @@ class CanvasPolygonBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["def
     const state = this.state;
     const fillStyle = state.fillStyle;
     const strokeStyle = state.strokeStyle;
+    const strokeOffset = state.strokeOffset;
     if (fillStyle === undefined && strokeStyle === undefined) {
       return;
     }
+    if (
+      this.handleStrokeOffset_(() =>
+        this.drawPolygon(polygonGeometry, feature, index),
+      )
+    ) {
+      return;
+    }
+
     this.setFillStrokeStyles_();
     this.beginGeometry(polygonGeometry, feature, index);
     if (state.fillStyle !== undefined) {
@@ -167,7 +193,7 @@ class CanvasPolygonBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["def
     if (state.strokeStyle !== undefined) {
       this.hitDetectionInstructions.push([
         _Instruction_js__WEBPACK_IMPORTED_MODULE_1__["default"].SET_STROKE_STYLE,
-        state.strokeStyle,
+        _canvas_js__WEBPACK_IMPORTED_MODULE_2__.defaultStrokeStyle,
         state.lineWidth,
         state.lineCap,
         state.lineJoin,
@@ -184,6 +210,7 @@ class CanvasPolygonBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["def
       0,
       /** @type {Array<number>} */ (ends),
       stride,
+      strokeOffset,
     );
     this.endGeometry(feature);
   }
@@ -198,9 +225,17 @@ class CanvasPolygonBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["def
     const state = this.state;
     const fillStyle = state.fillStyle;
     const strokeStyle = state.strokeStyle;
+    const strokeOffset = state.strokeOffset;
     if (fillStyle === undefined && strokeStyle === undefined) {
       return;
     }
+    if (
+      this.handleStrokeOffset_(() =>
+        this.drawMultiPolygon(multiPolygonGeometry, feature, index),
+      )
+    ) {
+      return;
+    }
     this.setFillStrokeStyles_();
     this.beginGeometry(multiPolygonGeometry, feature, index);
     if (state.fillStyle !== undefined) {
@@ -212,7 +247,7 @@ class CanvasPolygonBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["def
     if (state.strokeStyle !== undefined) {
       this.hitDetectionInstructions.push([
         _Instruction_js__WEBPACK_IMPORTED_MODULE_1__["default"].SET_STROKE_STYLE,
-        state.strokeStyle,
+        _canvas_js__WEBPACK_IMPORTED_MODULE_2__.defaultStrokeStyle,
         state.lineWidth,
         state.lineCap,
         state.lineJoin,
@@ -231,6 +266,7 @@ class CanvasPolygonBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["def
         offset,
         endss[i],
         stride,
+        strokeOffset,
       );
     }
     this.endGeometry(feature);
@@ -265,6 +301,36 @@ class CanvasPolygonBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["def
     this.updateFillStyle(state, this.createFill);
     this.updateStrokeStyle(state, this.applyStroke);
   }
+
+  handleStrokeOffset_(drawGeometryCallback) {
+    const state = this.state;
+    const fillStyle = state.fillStyle;
+    const strokeStyle = state.strokeStyle;
+    const strokeOffset = state.strokeOffset;
+
+    // In case both fill style and stroke style are defined and the stroke style has an offset,
+    // the stroke and fill should be done in separate steps, because offset stroke shape will
+    // be different from the original shape used for the fill.
+    if (
+      Math.abs(strokeOffset) > 0 &&
+      fillStyle !== undefined &&
+      strokeStyle !== undefined
+    ) {
+      // First do only fill
+      state.strokeStyle = undefined;
+      state.strokeOffset = 0;
+      drawGeometryCallback();
+      // Now separately do the stroke
+      state.fillStyle = undefined;
+      state.strokeStyle = strokeStyle;
+      state.strokeOffset = strokeOffset;
+      drawGeometryCallback();
+      // Reset the state to the original
+      state.fillStyle = fillStyle;
+      return true;
+    }
+    return false;
+  }
 }
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CanvasPolygonBuilder);
@@ -273,4 +339,4 @@ class CanvasPolygonBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["def
 /***/ })
 
 }])
-//# sourceMappingURL=node_modules_vaadin_map_node_modules_ol_render_canvas_PolygonBuilder_js.js.map
+//# sourceMappingURL=vendors-node_modules_vaadin_map_node_modules_ol_render_canvas_PolygonBuilder_js.js.map

package/vendors-node_modules_vaadin_map_node_modules_ol_render_canvas_PolygonBuilder_js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendors-node_modules_vaadin_map_node_modules_ol_render_canvas_PolygonBuilder_js.js","mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACiD;AAM3B;AACmB;AAMf;;AAE1B,mCAAmC,mDAAa;AAChD;AACA,aAAa,QAAQ;AACrB,aAAa,kCAAkC;AAC/C,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB;AACA;AACA;AACA;;AAEA;AACA,aAAa,eAAe;AAC5B,aAAa,QAAQ;AACrB,aAAa,eAAe;AAC5B,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB;AACA,cAAc,QAAQ;AACtB;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,iEAAoB;AAC/C,uCAAuC,iEAAoB;AAC3D,oBAAoB,aAAa;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,uEAAiC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,uEAAiC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,iEAAoB;AACnD,2CAA2C,iEAAoB;AAC/D;AACA;AACA;AACA;AACA,6BAA6B,4DAAe;AAC5C,yCAAyC,4DAAe;AACxD;AACA;AACA,6BAA6B,8DAAiB;AAC9C,yCAAyC,8DAAiB;AAC1D;AACA;AACA;;AAEA;AACA,aAAa,wCAAwC;AACrD,aAAa,oCAAoC;AACjD,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,sEAAgC;AACxC,QAAQ,wDAAgB;AACxB;AACA;AACA;AACA;AACA,QAAQ,wEAAkC;AAC1C,QAAQ,0DAAkB;AAC1B;AACA;AACA;AACA;AACA,QAAQ,uDAAe;AACvB,QAAQ,6DAAqB;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,8DAAwB;AACvD,2BAA2B,iEAAoB;AAC/C,uCAAuC,iEAAoB;AAC3D;AACA,6BAA6B,4DAAe;AAC5C,yCAAyC,4DAAe;AACxD;AACA;AACA,6BAA6B,8DAAiB;AAC9C,yCAAyC,8DAAiB;AAC1D;AACA;AACA;;AAEA;AACA,aAAa,yEAAyE;AACtF,aAAa,wCAAwC;AACrD,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,QAAQ,sEAAgC;AACxC,QAAQ,wDAAgB;AACxB;AACA;AACA;AACA;AACA,QAAQ,wEAAkC;AAC1C,QAAQ,0DAAkB;AAC1B;AACA;AACA;AACA;AACA,QAAQ,uDAAe;AACvB,QAAQ,6DAAqB;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,eAAe;AAChC;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,8CAA8C;AAC3D,aAAa,wCAAwC;AACrD,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,sEAAgC;AACxC,QAAQ,wDAAgB;AACxB;AACA;AACA;AACA;AACA,QAAQ,wEAAkC;AAC1C,QAAQ,0DAAkB;AAC1B;AACA;AACA;AACA;AACA,QAAQ,uDAAe;AACvB,QAAQ,6DAAqB;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC,QAAQ;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,cAAc,iDAAiD;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C,QAAQ;AACvD,yBAAyB,4DAAI;AAC7B;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,iEAAe,oBAAoB,EAAC","sources":["webpack://@vaadin/bundles/./node_modules/@vaadin/map/node_modules/ol/render/canvas/PolygonBuilder.js"],"sourcesContent":["/**\n * @module ol/render/canvas/PolygonBuilder\n */\nimport {snap} from '../../geom/flat/simplify.js';\nimport {\n  defaultFillStyle,\n  defaultLineDash,\n  defaultLineDashOffset,\n  defaultStrokeStyle,\n} from '../canvas.js';\nimport CanvasBuilder from './Builder.js';\nimport CanvasInstruction, {\n  beginPathInstruction,\n  closePathInstruction,\n  fillInstruction,\n  strokeInstruction,\n} from './Instruction.js';\n\nclass CanvasPolygonBuilder extends CanvasBuilder {\n  /**\n   * @param {number} tolerance Tolerance.\n   * @param {import(\"../../extent.js\").Extent} maxExtent Maximum extent.\n   * @param {number} resolution Resolution.\n   * @param {number} pixelRatio Pixel ratio.\n   */\n  constructor(tolerance, maxExtent, resolution, pixelRatio) {\n    super(tolerance, maxExtent, resolution, pixelRatio);\n  }\n\n  /**\n   * @param {Array<number>} flatCoordinates Flat coordinates.\n   * @param {number} offset Offset.\n   * @param {Array<number>} ends Ends.\n   * @param {number} stride Stride.\n   * @param {number} [strokeOffset] Stroke Offset in pixels.\n   * @private\n   * @return {number} End.\n   */\n  drawFlatCoordinatess_(flatCoordinates, offset, ends, stride, strokeOffset) {\n    const state = this.state;\n    const fill = state.fillStyle !== undefined;\n    const stroke = state.strokeStyle !== undefined;\n    const numEnds = ends.length;\n    this.instructions.push(beginPathInstruction);\n    this.hitDetectionInstructions.push(beginPathInstruction);\n    for (let i = 0; i < numEnds; ++i) {\n      const end = ends[i];\n      const myBegin = this.coordinates.length;\n      const myEnd = this.appendFlatLineCoordinates(\n        flatCoordinates,\n        offset,\n        end,\n        stride,\n        true,\n        !stroke,\n      );\n      this.instructions.push([\n        CanvasInstruction.MOVE_TO_LINE_TO,\n        myBegin,\n        myEnd,\n        strokeOffset * this.pixelRatio,\n        true,\n      ]);\n      this.hitDetectionInstructions.push([\n        CanvasInstruction.MOVE_TO_LINE_TO,\n        myBegin,\n        myEnd,\n        strokeOffset,\n        true,\n      ]);\n      if (stroke) {\n        // Performance optimization: only call closePath() when we have a stroke.\n        // Otherwise the ring is closed already (see appendFlatLineCoordinates above).\n        this.instructions.push(closePathInstruction);\n        this.hitDetectionInstructions.push(closePathInstruction);\n      }\n      offset = end;\n    }\n    if (fill) {\n      this.instructions.push(fillInstruction);\n      this.hitDetectionInstructions.push(fillInstruction);\n    }\n    if (stroke) {\n      this.instructions.push(strokeInstruction);\n      this.hitDetectionInstructions.push(strokeInstruction);\n    }\n    return offset;\n  }\n\n  /**\n   * @param {import(\"../../geom/Circle.js\").default} circleGeometry Circle geometry.\n   * @param {import(\"../../Feature.js\").default} feature Feature.\n   * @param {number} [index] Render order index.\n   * @override\n   */\n  drawCircle(circleGeometry, feature, index) {\n    const state = this.state;\n    const fillStyle = state.fillStyle;\n    const strokeStyle = state.strokeStyle;\n    const strokeOffset = state.strokeOffset;\n    if (fillStyle === undefined && strokeStyle === undefined) {\n      return;\n    }\n\n    if (\n      this.handleStrokeOffset_(() =>\n        this.drawCircle(circleGeometry, feature, index),\n      )\n    ) {\n      return;\n    }\n    this.setFillStrokeStyles_();\n    this.beginGeometry(circleGeometry, feature, index);\n    if (state.fillStyle !== undefined) {\n      this.hitDetectionInstructions.push([\n        CanvasInstruction.SET_FILL_STYLE,\n        defaultFillStyle,\n      ]);\n    }\n    if (state.strokeStyle !== undefined) {\n      this.hitDetectionInstructions.push([\n        CanvasInstruction.SET_STROKE_STYLE,\n        defaultStrokeStyle,\n        state.lineWidth,\n        state.lineCap,\n        state.lineJoin,\n        state.miterLimit,\n        defaultLineDash,\n        defaultLineDashOffset,\n      ]);\n    }\n    const flatCoordinates = circleGeometry.getFlatCoordinates();\n    const stride = circleGeometry.getStride();\n    const myBegin = this.coordinates.length;\n    this.appendFlatLineCoordinates(\n      flatCoordinates,\n      0,\n      flatCoordinates.length,\n      stride,\n      false,\n      false,\n    );\n    const circleInstruction = [CanvasInstruction.CIRCLE, myBegin, strokeOffset];\n    this.instructions.push(beginPathInstruction, circleInstruction);\n    this.hitDetectionInstructions.push(beginPathInstruction, circleInstruction);\n    if (state.fillStyle !== undefined) {\n      this.instructions.push(fillInstruction);\n      this.hitDetectionInstructions.push(fillInstruction);\n    }\n    if (state.strokeStyle !== undefined) {\n      this.instructions.push(strokeInstruction);\n      this.hitDetectionInstructions.push(strokeInstruction);\n    }\n    this.endGeometry(feature);\n  }\n\n  /**\n   * @param {import(\"../../geom/Polygon.js\").default|import(\"../Feature.js\").default} polygonGeometry Polygon geometry.\n   * @param {import(\"../../Feature.js\").FeatureLike} feature Feature.\n   * @param {number} [index] Render order index.\n   * @override\n   */\n  drawPolygon(polygonGeometry, feature, index) {\n    const state = this.state;\n    const fillStyle = state.fillStyle;\n    const strokeStyle = state.strokeStyle;\n    const strokeOffset = state.strokeOffset;\n    if (fillStyle === undefined && strokeStyle === undefined) {\n      return;\n    }\n    if (\n      this.handleStrokeOffset_(() =>\n        this.drawPolygon(polygonGeometry, feature, index),\n      )\n    ) {\n      return;\n    }\n\n    this.setFillStrokeStyles_();\n    this.beginGeometry(polygonGeometry, feature, index);\n    if (state.fillStyle !== undefined) {\n      this.hitDetectionInstructions.push([\n        CanvasInstruction.SET_FILL_STYLE,\n        defaultFillStyle,\n      ]);\n    }\n    if (state.strokeStyle !== undefined) {\n      this.hitDetectionInstructions.push([\n        CanvasInstruction.SET_STROKE_STYLE,\n        defaultStrokeStyle,\n        state.lineWidth,\n        state.lineCap,\n        state.lineJoin,\n        state.miterLimit,\n        defaultLineDash,\n        defaultLineDashOffset,\n      ]);\n    }\n    const ends = polygonGeometry.getEnds();\n    const flatCoordinates = polygonGeometry.getOrientedFlatCoordinates();\n    const stride = polygonGeometry.getStride();\n    this.drawFlatCoordinatess_(\n      flatCoordinates,\n      0,\n      /** @type {Array<number>} */ (ends),\n      stride,\n      strokeOffset,\n    );\n    this.endGeometry(feature);\n  }\n\n  /**\n   * @param {import(\"../../geom/MultiPolygon.js\").default} multiPolygonGeometry MultiPolygon geometry.\n   * @param {import(\"../../Feature.js\").FeatureLike} feature Feature.\n   * @param {number} [index] Render order index.\n   * @override\n   */\n  drawMultiPolygon(multiPolygonGeometry, feature, index) {\n    const state = this.state;\n    const fillStyle = state.fillStyle;\n    const strokeStyle = state.strokeStyle;\n    const strokeOffset = state.strokeOffset;\n    if (fillStyle === undefined && strokeStyle === undefined) {\n      return;\n    }\n    if (\n      this.handleStrokeOffset_(() =>\n        this.drawMultiPolygon(multiPolygonGeometry, feature, index),\n      )\n    ) {\n      return;\n    }\n    this.setFillStrokeStyles_();\n    this.beginGeometry(multiPolygonGeometry, feature, index);\n    if (state.fillStyle !== undefined) {\n      this.hitDetectionInstructions.push([\n        CanvasInstruction.SET_FILL_STYLE,\n        defaultFillStyle,\n      ]);\n    }\n    if (state.strokeStyle !== undefined) {\n      this.hitDetectionInstructions.push([\n        CanvasInstruction.SET_STROKE_STYLE,\n        defaultStrokeStyle,\n        state.lineWidth,\n        state.lineCap,\n        state.lineJoin,\n        state.miterLimit,\n        defaultLineDash,\n        defaultLineDashOffset,\n      ]);\n    }\n    const endss = multiPolygonGeometry.getEndss();\n    const flatCoordinates = multiPolygonGeometry.getOrientedFlatCoordinates();\n    const stride = multiPolygonGeometry.getStride();\n    let offset = 0;\n    for (let i = 0, ii = endss.length; i < ii; ++i) {\n      offset = this.drawFlatCoordinatess_(\n        flatCoordinates,\n        offset,\n        endss[i],\n        stride,\n        strokeOffset,\n      );\n    }\n    this.endGeometry(feature);\n  }\n\n  /**\n   * @return {import(\"../canvas.js\").SerializableInstructions} the serializable instructions.\n   * @override\n   */\n  finish() {\n    this.reverseHitDetectionInstructions();\n    this.state = null;\n    // We want to preserve topology when drawing polygons.  Polygons are\n    // simplified using quantization and point elimination. However, we might\n    // have received a mix of quantized and non-quantized geometries, so ensure\n    // that all are quantized by quantizing all coordinates in the batch.\n    const tolerance = this.tolerance;\n    if (tolerance !== 0) {\n      const coordinates = this.coordinates;\n      for (let i = 0, ii = coordinates.length; i < ii; ++i) {\n        coordinates[i] = snap(coordinates[i], tolerance);\n      }\n    }\n    return super.finish();\n  }\n\n  /**\n   * @private\n   */\n  setFillStrokeStyles_() {\n    const state = this.state;\n    this.updateFillStyle(state, this.createFill);\n    this.updateStrokeStyle(state, this.applyStroke);\n  }\n\n  handleStrokeOffset_(drawGeometryCallback) {\n    const state = this.state;\n    const fillStyle = state.fillStyle;\n    const strokeStyle = state.strokeStyle;\n    const strokeOffset = state.strokeOffset;\n\n    // In case both fill style and stroke style are defined and the stroke style has an offset,\n    // the stroke and fill should be done in separate steps, because offset stroke shape will\n    // be different from the original shape used for the fill.\n    if (\n      Math.abs(strokeOffset) > 0 &&\n      fillStyle !== undefined &&\n      strokeStyle !== undefined\n    ) {\n      // First do only fill\n      state.strokeStyle = undefined;\n      state.strokeOffset = 0;\n      drawGeometryCallback();\n      // Now separately do the stroke\n      state.fillStyle = undefined;\n      state.strokeStyle = strokeStyle;\n      state.strokeOffset = strokeOffset;\n      drawGeometryCallback();\n      // Reset the state to the original\n      state.fillStyle = fillStyle;\n      return true;\n    }\n    return false;\n  }\n}\n\nexport default CanvasPolygonBuilder;\n"],"names":[],"sourceRoot":""}

package/vendors-node_modules_vaadin_map_node_modules_ol_render_canvas_TextBuilder_js.js

@@ -1,5 +1,173 @@
 (self["webpackChunk_vaadin_bundles"] = self["webpackChunk_vaadin_bundles"] || []).push([["vendors-node_modules_vaadin_map_node_modules_ol_render_canvas_TextBuilder_js"],{
 
+/***/ "./node_modules/@vaadin/map/node_modules/ol/geom/flat/clip.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@vaadin/map/node_modules/ol/geom/flat/clip.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "clipFlatLineStrings": () => (/* binding */ clipFlatLineStrings)
+/* harmony export */ });
+/**
+ * @module ol/geom/flat/clip
+ */
+
+/**
+ * Start parameter of the portion of the last clipped segment that is inside the
+ * extent. Set by {@link clipSegment}, read right after a `true` return to avoid
+ * allocating a result array per segment.
+ * @type {number}
+ */
+let clipSegmentStart = 0;
+
+/**
+ * End parameter of the portion of the last clipped segment that is inside the
+ * extent. See {@link clipSegmentStart}.
+ * @type {number}
+ */
+let clipSegmentEnd = 1;
+
+/**
+ * Clip a segment to a rectangular extent. On a `true` return, the inside
+ * portion is `[clipSegmentStart, clipSegmentEnd]` in segment parameters. No
+ * allocations are made, so the result globals must be read before the next
+ * call.
+ * @param {number} minX Minimum X.
+ * @param {number} minY Minimum Y.
+ * @param {number} maxX Maximum X.
+ * @param {number} maxY Maximum Y.
+ * @param {number} x0 Segment start X.
+ * @param {number} y0 Segment start Y.
+ * @param {number} x1 Segment end X.
+ * @param {number} y1 Segment end Y.
+ * @return {boolean} The segment intersects the extent.
+ */
+function clipSegment(minX, minY, maxX, maxY, x0, y0, x1, y1) {
+  const dx = x1 - x0;
+  const dy = y1 - y0;
+  let t0 = 0;
+  let t1 = 1;
+
+  // X slab.
+  if (dx === 0) {
+    if (x0 < minX || x0 > maxX) {
+      return false;
+    }
+  } else {
+    let ta = (minX - x0) / dx;
+    let tb = (maxX - x0) / dx;
+    if (ta > tb) {
+      const tmp = ta;
+      ta = tb;
+      tb = tmp;
+    }
+    if (ta > t0) {
+      t0 = ta;
+    }
+    if (tb < t1) {
+      t1 = tb;
+    }
+    if (t0 > t1) {
+      return false;
+    }
+  }
+
+  // Y slab.
+  if (dy === 0) {
+    if (y0 < minY || y0 > maxY) {
+      return false;
+    }
+  } else {
+    let ta = (minY - y0) / dy;
+    let tb = (maxY - y0) / dy;
+    if (ta > tb) {
+      const tmp = ta;
+      ta = tb;
+      tb = tmp;
+    }
+    if (ta > t0) {
+      t0 = ta;
+    }
+    if (tb < t1) {
+      t1 = tb;
+    }
+    if (t0 > t1) {
+      return false;
+    }
+  }
+
+  clipSegmentStart = t0;
+  clipSegmentEnd = t1;
+  return true;
+}
+
+/**
+ * Clip flat line strings to the given extent. Parts outside the extent are
+ * dropped and a vertex is inserted where a segment crosses the boundary. A line
+ * that leaves and re-enters the extent is split into separate parts so that
+ * positions derived from the result (e.g. labels placed along the line) stay
+ * within the extent. Output coordinates have a stride of 2.
+ * @param {Array<number>} flatCoordinates Flat coordinates.
+ * @param {Array<number>} ends Ends.
+ * @param {number} stride Stride.
+ * @param {import("../../extent.js").Extent} extent Extent to clip to.
+ * @return {{flatCoordinates: Array<number>, ends: Array<number>}} Clipped flat
+ *     coordinates and ends.
+ */
+function clipFlatLineStrings(flatCoordinates, ends, stride, extent) {
+  const minX = extent[0];
+  const minY = extent[1];
+  const maxX = extent[2];
+  const maxY = extent[3];
+  const dest = [];
+  const destEnds = [];
+  let open = false;
+  let lastX, lastY;
+  let offset = 0;
+  for (let e = 0, ee = ends.length; e < ee; ++e) {
+    const end = ends[e];
+    let prevX = flatCoordinates[offset];
+    let prevY = flatCoordinates[offset + 1];
+    let lineHasLast = false;
+    for (let i = offset + stride; i < end; i += stride) {
+      const curX = flatCoordinates[i];
+      const curY = flatCoordinates[i + 1];
+      if (clipSegment(minX, minY, maxX, maxY, prevX, prevY, curX, curY)) {
+        const dx = curX - prevX;
+        const dy = curY - prevY;
+        const ax = prevX + clipSegmentStart * dx;
+        const ay = prevY + clipSegmentStart * dy;
+        const bx = prevX + clipSegmentEnd * dx;
+        const by = prevY + clipSegmentEnd * dy;
+        if (open && lineHasLast && ax === lastX && ay === lastY) {
+          dest.push(bx, by);
+        } else {
+          if (open) {
+            destEnds.push(dest.length);
+          }
+          dest.push(ax, ay, bx, by);
+          open = true;
+        }
+        lastX = bx;
+        lastY = by;
+        lineHasLast = true;
+      }
+      prevX = curX;
+      prevY = curY;
+    }
+    offset = end;
+  }
+  if (open) {
+    destEnds.push(dest.length);
+  }
+  return {flatCoordinates: dest, ends: destEnds};
+}
+
+
+/***/ }),
+
 /***/ "./node_modules/@vaadin/map/node_modules/ol/geom/flat/linechunk.js":
 /*!*************************************************************************!*\
   !*** ./node_modules/@vaadin/map/node_modules/ol/geom/flat/linechunk.js ***!
@@ -147,14 +315,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "TEXT_ALIGN": () => (/* binding */ TEXT_ALIGN),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _colorlike_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../colorlike.js */ "./node_modules/@vaadin/map/node_modules/ol/colorlike.js");
+/* harmony import */ var _colorlike_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../colorlike.js */ "./node_modules/@vaadin/map/node_modules/ol/colorlike.js");
 /* harmony import */ var _extent_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../extent.js */ "./node_modules/@vaadin/map/node_modules/ol/extent.js");
-/* harmony import */ var _geom_flat_linechunk_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../geom/flat/linechunk.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/flat/linechunk.js");
-/* harmony import */ var _geom_flat_straightchunk_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../geom/flat/straightchunk.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/flat/straightchunk.js");
-/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util.js */ "./node_modules/@vaadin/map/node_modules/ol/util.js");
+/* harmony import */ var _geom_flat_clip_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../geom/flat/clip.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/flat/clip.js");
+/* harmony import */ var _geom_flat_linechunk_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../geom/flat/linechunk.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/flat/linechunk.js");
+/* harmony import */ var _geom_flat_straightchunk_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../geom/flat/straightchunk.js */ "./node_modules/@vaadin/map/node_modules/ol/geom/flat/straightchunk.js");
+/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util.js */ "./node_modules/@vaadin/map/node_modules/ol/util.js");
 /* harmony import */ var _canvas_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../canvas.js */ "./node_modules/@vaadin/map/node_modules/ol/render/canvas.js");
 /* harmony import */ var _Builder_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Builder.js */ "./node_modules/@vaadin/map/node_modules/ol/render/canvas/Builder.js");
-/* harmony import */ var _Instruction_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Instruction.js */ "./node_modules/@vaadin/map/node_modules/ol/render/canvas/Instruction.js");
+/* harmony import */ var _Instruction_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Instruction.js */ "./node_modules/@vaadin/map/node_modules/ol/render/canvas/Instruction.js");
 /**
  * @module ol/render/canvas/TextBuilder
  */
@@ -166,6 +335,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /**
  * @const
  * @type {{left: 0, center: 0.5, right: 1, top: 0, middle: 0.5, hanging: 0.2, alphabetic: 0.8, ideographic: 0.8, bottom: 1}}
@@ -340,7 +510,8 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
         geometryType == 'Polygon' ||
         geometryType == 'MultiPolygon')
     ) {
-      if (!(0,_extent_js__WEBPACK_IMPORTED_MODULE_2__.intersects)(this.maxExtent, geometry.getExtent())) {
+      const geometryExtent = geometry.getExtent();
+      if (!(0,_extent_js__WEBPACK_IMPORTED_MODULE_2__.intersects)(this.maxExtent, geometryExtent)) {
         return;
       }
       let ends;
@@ -365,6 +536,26 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
           ends.push(endss[i][0]);
         }
       }
+      if (
+        (geometryType == 'LineString' || geometryType == 'MultiLineString') &&
+        !(0,_extent_js__WEBPACK_IMPORTED_MODULE_2__.containsExtent)(this.getBufferedMaxExtent(), geometryExtent)
+      ) {
+        // Clip the line to the rendered extent so the label is anchored within
+        // the rendered area instead of along the full geometry, whose center
+        // can lie outside it.
+        const clipped = (0,_geom_flat_clip_js__WEBPACK_IMPORTED_MODULE_3__.clipFlatLineStrings)(
+          flatCoordinates,
+          ends,
+          stride,
+          this.getBufferedMaxExtent(),
+        );
+        flatCoordinates = clipped.flatCoordinates;
+        ends = clipped.ends;
+        stride = 2;
+        if (ends.length === 0) {
+          return;
+        }
+      }
       this.beginGeometry(geometry, feature, index);
       const repeat = textState.repeat;
       const textAlign = repeat ? undefined : textState.textAlign;
@@ -373,7 +564,7 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
       for (let o = 0, oo = ends.length; o < oo; ++o) {
         let chunks;
         if (repeat) {
-          chunks = (0,_geom_flat_linechunk_js__WEBPACK_IMPORTED_MODULE_3__.lineChunk)(
+          chunks = (0,_geom_flat_linechunk_js__WEBPACK_IMPORTED_MODULE_4__.lineChunk)(
             repeat * this.resolution,
             flatCoordinates,
             flatOffset,
@@ -388,7 +579,7 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
           let chunkBegin = 0;
           let chunkEnd = chunk.length;
           if (textAlign == undefined) {
-            const range = (0,_geom_flat_straightchunk_js__WEBPACK_IMPORTED_MODULE_4__.matchingChunk)(
+            const range = (0,_geom_flat_straightchunk_js__WEBPACK_IMPORTED_MODULE_5__.matchingChunk)(
               textState.maxAngle,
               chunk,
               0,
@@ -523,7 +714,7 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
       // render time.
       const pixelRatio = this.pixelRatio;
       this.instructions.push([
-        _Instruction_js__WEBPACK_IMPORTED_MODULE_5__["default"].DRAW_IMAGE,
+        _Instruction_js__WEBPACK_IMPORTED_MODULE_6__["default"].DRAW_IMAGE,
         begin,
         end,
         null,
@@ -563,7 +754,7 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
         hitDetectionBackgroundFill[1] = _canvas_js__WEBPACK_IMPORTED_MODULE_1__.defaultFillStyle;
       }
       this.hitDetectionInstructions.push([
-        _Instruction_js__WEBPACK_IMPORTED_MODULE_5__["default"].DRAW_IMAGE,
+        _Instruction_js__WEBPACK_IMPORTED_MODULE_6__["default"].DRAW_IMAGE,
         begin,
         end,
         null,
@@ -654,6 +845,7 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
     const pixelRatio = this.pixelRatio;
     const baseline = TEXT_ALIGN[textState.textBaseline];
 
+    const offsetX = this.textOffsetX_ * pixelRatio;
     const offsetY = this.textOffsetY_ * pixelRatio;
     const text = this.text_;
     const strokeWidth = strokeState
@@ -661,7 +853,7 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
       : 0;
 
     this.instructions.push([
-      _Instruction_js__WEBPACK_IMPORTED_MODULE_5__["default"].DRAW_CHARS,
+      _Instruction_js__WEBPACK_IMPORTED_MODULE_6__["default"].DRAW_CHARS,
       begin,
       end,
       baseline,
@@ -677,9 +869,10 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
       1,
       this.declutterMode_,
       this.textKeepUpright_,
+      offsetX,
     ]);
     this.hitDetectionInstructions.push([
-      _Instruction_js__WEBPACK_IMPORTED_MODULE_5__["default"].DRAW_CHARS,
+      _Instruction_js__WEBPACK_IMPORTED_MODULE_6__["default"].DRAW_CHARS,
       begin,
       end,
       baseline,
@@ -695,6 +888,7 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
       1 / pixelRatio,
       this.declutterMode_,
       this.textKeepUpright_,
+      offsetX,
     ]);
   }
 
@@ -718,7 +912,7 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
           fillState = /** @type {import("../canvas.js").FillState} */ ({});
           this.textFillState_ = fillState;
         }
-        fillState.fillStyle = (0,_colorlike_js__WEBPACK_IMPORTED_MODULE_6__.asColorLike)(
+        fillState.fillStyle = (0,_colorlike_js__WEBPACK_IMPORTED_MODULE_7__.asColorLike)(
           textFillStyle.getColor() || _canvas_js__WEBPACK_IMPORTED_MODULE_1__.defaultFillStyle,
         );
       }
@@ -746,7 +940,7 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
           lineWidth === undefined ? _canvas_js__WEBPACK_IMPORTED_MODULE_1__.defaultLineWidth : lineWidth;
         strokeState.miterLimit =
           miterLimit === undefined ? _canvas_js__WEBPACK_IMPORTED_MODULE_1__.defaultMiterLimit : miterLimit;
-        strokeState.strokeStyle = (0,_colorlike_js__WEBPACK_IMPORTED_MODULE_6__.asColorLike)(
+        strokeState.strokeStyle = (0,_colorlike_js__WEBPACK_IMPORTED_MODULE_7__.asColorLike)(
           textStrokeStyle.getColor() || _canvas_js__WEBPACK_IMPORTED_MODULE_1__.defaultStrokeStyle,
         );
       }
@@ -786,7 +980,7 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
       this.strokeKey_ = strokeState
         ? (typeof strokeState.strokeStyle == 'string'
             ? strokeState.strokeStyle
-            : (0,_util_js__WEBPACK_IMPORTED_MODULE_7__.getUid)(strokeState.strokeStyle)) +
+            : (0,_util_js__WEBPACK_IMPORTED_MODULE_8__.getUid)(strokeState.strokeStyle)) +
           strokeState.lineCap +
           strokeState.lineDashOffset +
           '|' +
@@ -808,7 +1002,7 @@ class CanvasTextBuilder extends _Builder_js__WEBPACK_IMPORTED_MODULE_0__["defaul
         fillState && fillState.fillStyle
           ? typeof fillState.fillStyle == 'string'
             ? fillState.fillStyle
-            : '|' + (0,_util_js__WEBPACK_IMPORTED_MODULE_7__.getUid)(fillState.fillStyle)
+            : '|' + (0,_util_js__WEBPACK_IMPORTED_MODULE_8__.getUid)(fillState.fillStyle)
           : '';
     }
     this.declutterMode_ = textStyle.getDeclutterMode();