@visactor/vrender-components 0.17.2-alpha.4 → 0.17.2

package/dist/index.js

@@ -12759,24 +12759,25 @@
   var halfPi = vutils.pi / 2;
   function createRectPath(path, x, y, width, height, rectCornerRadius) {
     var cornerRadius;
-    if (width < 0 && (x += width, width = -width), height < 0 && (y += height, height = -height), vutils.isNumber(rectCornerRadius, !0)) cornerRadius = [rectCornerRadius, rectCornerRadius, rectCornerRadius, rectCornerRadius];else if (Array.isArray(rectCornerRadius)) {
+    if (width < 0 && (x += width, width = -width), height < 0 && (y += height, height = -height), vutils.isNumber(rectCornerRadius, !0)) cornerRadius = [rectCornerRadius = vutils.abs(rectCornerRadius), rectCornerRadius, rectCornerRadius, rectCornerRadius];else if (Array.isArray(rectCornerRadius)) {
       var cornerRadiusArr = rectCornerRadius;
+      var cr0, cr1;
       switch (cornerRadiusArr.length) {
         case 0:
           cornerRadius = [0, 0, 0, 0];
           break;
         case 1:
-          cornerRadius = [cornerRadiusArr[0], cornerRadiusArr[0], cornerRadiusArr[0], cornerRadiusArr[0]];
+          cr0 = vutils.abs(cornerRadiusArr[0]), cornerRadius = [cr0, cr0, cr0, cr0];
           break;
         case 2:
         case 3:
-          cornerRadius = [cornerRadiusArr[0], cornerRadiusArr[1], cornerRadiusArr[0], cornerRadiusArr[1]];
+          cr0 = vutils.abs(cornerRadiusArr[0]), cr1 = vutils.abs(cornerRadiusArr[1]), cornerRadius = [cr0, cr1, cr0, cr1];
           break;
         default:
-          cornerRadius = cornerRadiusArr.slice(0, 5);
+          cornerRadius = cornerRadiusArr, cornerRadius[0] = vutils.abs(cornerRadius[0]), cornerRadius[1] = vutils.abs(cornerRadius[1]), cornerRadius[2] = vutils.abs(cornerRadius[2]), cornerRadius[3] = vutils.abs(cornerRadius[3]);
       }
     } else cornerRadius = [0, 0, 0, 0];
-    if (width < 0 || Math.abs(cornerRadius[0]) + Math.abs(cornerRadius[1]) + Math.abs(cornerRadius[2]) + Math.abs(cornerRadius[3]) < 1e-12) return path.rect(x, y, width, height);
+    if (width < 0 || cornerRadius[0] + cornerRadius[1] + cornerRadius[2] + cornerRadius[3] < 1e-12) return path.rect(x, y, width, height);
     var leftTop = [x, y],
       rightTop = [x + width, y],
       rightBottom = [x + width, y + height],
@@ -14915,11 +14916,8 @@
         context.highPerformanceSave();
         var g = graphic.shadowRoot,
           currentGroupMatrix = matrixAllocate.allocateByObj(parentMatrix),
-          newPoint = new vutils.Point(point.x, point.y);
-        parentMatrix.transformPoint(newPoint, newPoint);
-        var transMatrix = graphic.transMatrix;
-        currentGroupMatrix.multiply(transMatrix.a, transMatrix.b, transMatrix.c, transMatrix.d, transMatrix.e, transMatrix.f);
-        var result = pickerService.pickGroup(g, newPoint.clone(), currentGroupMatrix, pickParams);
+          newPoint = new vutils.Point(currentGroupMatrix.a * point.x + currentGroupMatrix.c * point.y + currentGroupMatrix.e, currentGroupMatrix.b * point.x + currentGroupMatrix.d * point.y + currentGroupMatrix.f),
+          result = pickerService.pickGroup(g, newPoint, currentGroupMatrix, pickParams);
         return context.highPerformanceRestore(), result;
       }
     }]);
@@ -18701,8 +18699,8 @@
               y1: top,
               x2: width - right,
               y2: height - bottom,
-              width: width - (left + right),
-              height: height - (top + bottom)
+              width: Math.max(0, width - (left + right)),
+              height: Math.max(0, height - (top + bottom))
           };
           this._sliderRenderBounds = renderBounds;
           return renderBounds;
@@ -24280,6 +24278,7 @@
       },
       startHandlerStyle: {
           visible: true,
+          triggerMinSize: 40,
           symbolType: 'M -0.0544 0.25 C -0.0742 0.25 -0.0901 0.234 -0.0901 0.2143 L -0.0901 -0.1786 C -0.0901 -0.1983 -0.0742 -0.2143 -0.0544 -0.2143 L -0.0187 -0.2143 L -0.0187 -0.5 L 0.017 -0.5 L 0.017 -0.2143 L 0.0527 -0.2143 C 0.0724 -0.2143 0.0884 -0.1983 0.0884 -0.1786 L 0.0884 0.2143 C 0.0884 0.234 0.0724 0.25 0.0527 0.25 L 0.017 0.25 L 0.017 0.5 L -0.0187 0.5 L -0.0187 0.25 L -0.0544 0.25 Z M -0.0187 -0.1429 L -0.0544 -0.1429 L -0.0544 0.1786 L -0.0187 0.1786 L -0.0187 -0.1429 Z M 0.0527 -0.1429 L 0.017 -0.1429 L 0.017 0.1786 L 0.0527 0.1786 L 0.0527 -0.1429 Z',
           fill: 'white',
           stroke: '#B0C8F9',
@@ -24287,6 +24286,7 @@
       },
       endHandlerStyle: {
           visible: true,
+          triggerMinSize: 40,
           symbolType: 'M -0.0544 0.25 C -0.0742 0.25 -0.0901 0.234 -0.0901 0.2143 L -0.0901 -0.1786 C -0.0901 -0.1983 -0.0742 -0.2143 -0.0544 -0.2143 L -0.0187 -0.2143 L -0.0187 -0.5 L 0.017 -0.5 L 0.017 -0.2143 L 0.0527 -0.2143 C 0.0724 -0.2143 0.0884 -0.1983 0.0884 -0.1786 L 0.0884 0.2143 C 0.0884 0.234 0.0724 0.25 0.0527 0.25 L 0.017 0.25 L 0.017 0.5 L -0.0187 0.5 L -0.0187 0.25 L -0.0544 0.25 Z M -0.0187 -0.1429 L -0.0544 -0.1429 L -0.0544 0.1786 L -0.0187 0.1786 L -0.0187 -0.1429 Z M 0.0527 -0.1429 L 0.017 -0.1429 L 0.017 0.1786 L 0.0527 0.1786 L 0.0527 -0.1429 Z',
           fill: 'white',
           stroke: '#B0C8F9',
@@ -24307,6 +24307,22 @@
           }
       }
   };
+  const DEFAULT_HANDLER_ATTR_MAP = {
+      horizontal: {
+          angle: 0,
+          strokeBoundsBuffer: 0,
+          boundsPadding: 2,
+          pickMode: 'imprecise',
+          cursor: 'ew-resize'
+      },
+      vertical: {
+          angle: 90 * (Math.PI / 180),
+          cursor: 'ns-resize',
+          boundsPadding: 2,
+          pickMode: 'imprecise',
+          strokeBoundsBuffer: 0
+      }
+  };
 
   exports.DataZoomActiveTag = void 0;
   (function (DataZoomActiveTag) {
@@ -24353,11 +24369,11 @@
               e.stopPropagation();
               if (tag === 'start') {
                   this._activeTag = exports.DataZoomActiveTag.startHandler;
-                  this._activeItem = this._startHandler;
+                  this._activeItem = this._startHandlerMask;
               }
               else if (tag === 'end') {
                   this._activeTag = exports.DataZoomActiveTag.endHandler;
-                  this._activeItem = this._endHandler;
+                  this._activeItem = this._endHandlerMask;
               }
               else if (tag === 'middleRect') {
                   this._activeTag = exports.DataZoomActiveTag.middleHandler;
@@ -24453,11 +24469,11 @@
               return;
           }
           const { showDetail, brushSelect } = this.attribute;
-          if (this._startHandler) {
-              this._startHandler.addEventListener('pointerdown', (e) => this._onHandlerPointerDown(e, 'start'));
+          if (this._startHandlerMask) {
+              this._startHandlerMask.addEventListener('pointerdown', (e) => this._onHandlerPointerDown(e, 'start'));
           }
-          if (this._endHandler) {
-              this._endHandler.addEventListener('pointerdown', (e) => this._onHandlerPointerDown(e, 'end'));
+          if (this._endHandlerMask) {
+              this._endHandlerMask.addEventListener('pointerdown', (e) => this._onHandlerPointerDown(e, 'end'));
           }
           if (this._middleHandlerSymbol) {
               this._middleHandlerSymbol.addEventListener('pointerdown', (e) => this._onHandlerPointerDown(e, 'middleSymbol'));
@@ -24715,17 +24731,19 @@
           return this._layoutAttrFromConfig;
       }
       render() {
-          var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+          var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
           this._layoutAttrFromConfig = null;
           const { orient, backgroundStyle, backgroundChartStyle, selectedBackgroundStyle, selectedBackgroundChartStyle, middleHandlerStyle, startHandlerStyle, endHandlerStyle, brushSelect } = this.attribute;
           const { start, end } = this.state;
           const { position, width, height } = this.getLayoutAttrFromConfig();
+          const startHandlerMinSize = (_a = startHandlerStyle.triggerMinSize) !== null && _a !== void 0 ? _a : 40;
+          const endHandlerMinSize = (_b = endHandlerStyle.triggerMinSize) !== null && _b !== void 0 ? _b : 40;
           const group = this.createOrUpdateChild('dataZoom-container', {}, 'group');
           this._container = group;
           this._background = group.createOrUpdateChild('background', Object.assign({ x: position.x, y: position.y, width,
               height, cursor: brushSelect ? 'crosshair' : 'auto' }, backgroundStyle), 'rect');
-          ((_a = backgroundChartStyle === null || backgroundChartStyle === void 0 ? void 0 : backgroundChartStyle.line) === null || _a === void 0 ? void 0 : _a.visible) && this.setPreviewAttributes('line', group);
-          ((_b = backgroundChartStyle === null || backgroundChartStyle === void 0 ? void 0 : backgroundChartStyle.area) === null || _b === void 0 ? void 0 : _b.visible) && this.setPreviewAttributes('area', group);
+          ((_c = backgroundChartStyle === null || backgroundChartStyle === void 0 ? void 0 : backgroundChartStyle.line) === null || _c === void 0 ? void 0 : _c.visible) && this.setPreviewAttributes('line', group);
+          ((_d = backgroundChartStyle === null || backgroundChartStyle === void 0 ? void 0 : backgroundChartStyle.area) === null || _d === void 0 ? void 0 : _d.visible) && this.setPreviewAttributes('area', group);
           brushSelect && this.renderDragMask();
           if (this._isHorizontal) {
               this._selectedBackground = group.createOrUpdateChild('selectedBackground', Object.assign({ x: position.x + start * width, y: position.y, width: (end - start) * width, height: height, cursor: brushSelect ? 'crosshair' : 'move' }, selectedBackgroundStyle), 'rect');
@@ -24733,28 +24751,40 @@
           else {
               this._selectedBackground = group.createOrUpdateChild('selectedBackground', Object.assign({ x: position.x, y: position.y + start * height, width, height: (end - start) * height, cursor: brushSelect ? 'crosshair' : 'move' }, selectedBackgroundStyle), 'rect');
           }
-          ((_c = selectedBackgroundChartStyle === null || selectedBackgroundChartStyle === void 0 ? void 0 : selectedBackgroundChartStyle.line) === null || _c === void 0 ? void 0 : _c.visible) && this.setSelectedPreviewAttributes('line', group);
-          ((_d = selectedBackgroundChartStyle === null || selectedBackgroundChartStyle === void 0 ? void 0 : selectedBackgroundChartStyle.area) === null || _d === void 0 ? void 0 : _d.visible) && this.setSelectedPreviewAttributes('area', group);
+          ((_e = selectedBackgroundChartStyle === null || selectedBackgroundChartStyle === void 0 ? void 0 : selectedBackgroundChartStyle.line) === null || _e === void 0 ? void 0 : _e.visible) && this.setSelectedPreviewAttributes('line', group);
+          ((_f = selectedBackgroundChartStyle === null || selectedBackgroundChartStyle === void 0 ? void 0 : selectedBackgroundChartStyle.area) === null || _f === void 0 ? void 0 : _f.visible) && this.setSelectedPreviewAttributes('area', group);
           if (this._showText) {
               this.renderText();
           }
           if (this._isHorizontal) {
-              this._startHandler = group.createOrUpdateChild('startHandler', Object.assign({ x: position.x + start * width, y: position.y + height / 2, size: height, angle: 0, symbolType: (_e = startHandlerStyle === null || startHandlerStyle === void 0 ? void 0 : startHandlerStyle.symbolType) !== null && _e !== void 0 ? _e : 'square', cursor: 'ew-resize', strokeBoundsBuffer: 0, boundsPadding: 2, pickMode: 'imprecise' }, startHandlerStyle), 'symbol');
-              this._endHandler = group.createOrUpdateChild('endHandler', Object.assign({ x: position.x + end * width, y: position.y + height / 2, size: height, angle: 0, symbolType: (_f = endHandlerStyle === null || endHandlerStyle === void 0 ? void 0 : endHandlerStyle.symbolType) !== null && _f !== void 0 ? _f : 'square', cursor: 'ew-resize', strokeBoundsBuffer: 0, boundsPadding: 2, pickMode: 'imprecise' }, endHandlerStyle), 'symbol');
+              this._startHandler = group.createOrUpdateChild('startHandler', Object.assign(Object.assign({ x: position.x + start * width, y: position.y + height / 2, size: height, symbolType: (_g = startHandlerStyle === null || startHandlerStyle === void 0 ? void 0 : startHandlerStyle.symbolType) !== null && _g !== void 0 ? _g : 'square' }, DEFAULT_HANDLER_ATTR_MAP.horizontal), startHandlerStyle), 'symbol');
+              this._endHandler = group.createOrUpdateChild('endHandler', Object.assign(Object.assign({ x: position.x + end * width, y: position.y + height / 2, size: height, symbolType: (_h = endHandlerStyle === null || endHandlerStyle === void 0 ? void 0 : endHandlerStyle.symbolType) !== null && _h !== void 0 ? _h : 'square' }, DEFAULT_HANDLER_ATTR_MAP.horizontal), endHandlerStyle), 'symbol');
+              const startHandlerWidth = Math.max(this._startHandler.AABBBounds.width(), startHandlerMinSize);
+              const startHandlerHeight = Math.max(this._startHandler.AABBBounds.height(), startHandlerMinSize);
+              const endHandlerWidth = Math.max(this._endHandler.AABBBounds.width(), endHandlerMinSize);
+              const endHandlerHeight = Math.max(this._endHandler.AABBBounds.height(), endHandlerMinSize);
+              this._startHandlerMask = group.createOrUpdateChild('startHandlerMask', Object.assign({ x: position.x + start * width - startHandlerWidth / 2, y: position.y + height / 2 - startHandlerHeight / 2, width: startHandlerWidth, height: startHandlerHeight, fill: 'white', fillOpacity: 0 }, DEFAULT_HANDLER_ATTR_MAP.horizontal), 'rect');
+              this._endHandlerMask = group.createOrUpdateChild('endHandlerMask', Object.assign({ x: position.x + end * width - endHandlerWidth / 2, y: position.y + height / 2 - endHandlerHeight / 2, width: endHandlerWidth, height: endHandlerHeight, fill: 'white', fillOpacity: 0 }, DEFAULT_HANDLER_ATTR_MAP.horizontal), 'rect');
               if (middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.visible) {
-                  this._middleHandlerRect = group.createOrUpdateChild('middleHandlerRect', Object.assign({ x: position.x + start * width, y: position.y - (((_g = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _g === void 0 ? void 0 : _g.size) || 10), width: (end - start) * width, height: ((_h = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _h === void 0 ? void 0 : _h.size) || 10 }, (_j = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _j === void 0 ? void 0 : _j.style), 'rect');
-                  this._middleHandlerSymbol = group.createOrUpdateChild('middleHandlerSymbol', Object.assign({ x: position.x + ((start + end) / 2) * width, y: position.y - (((_k = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _k === void 0 ? void 0 : _k.size) || 10) / 2, strokeBoundsBuffer: 0, angle: 0, symbolType: (_m = (_l = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.icon) === null || _l === void 0 ? void 0 : _l.symbolType) !== null && _m !== void 0 ? _m : 'square' }, middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.icon), 'symbol');
+                  this._middleHandlerRect = group.createOrUpdateChild('middleHandlerRect', Object.assign({ x: position.x + start * width, y: position.y - (((_j = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _j === void 0 ? void 0 : _j.size) || 10), width: (end - start) * width, height: ((_k = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _k === void 0 ? void 0 : _k.size) || 10 }, (_l = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _l === void 0 ? void 0 : _l.style), 'rect');
+                  this._middleHandlerSymbol = group.createOrUpdateChild('middleHandlerSymbol', Object.assign({ x: position.x + ((start + end) / 2) * width, y: position.y - (((_m = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _m === void 0 ? void 0 : _m.size) || 10) / 2, strokeBoundsBuffer: 0, angle: 0, symbolType: (_p = (_o = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.icon) === null || _o === void 0 ? void 0 : _o.symbolType) !== null && _p !== void 0 ? _p : 'square' }, middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.icon), 'symbol');
               }
           }
           else {
-              this._startHandler = group.createOrUpdateChild('startHandler', Object.assign({ x: position.x + width / 2, y: position.y + start * height, size: width, angle: 90 * (Math.PI / 180), symbolType: (_o = startHandlerStyle === null || startHandlerStyle === void 0 ? void 0 : startHandlerStyle.symbolType) !== null && _o !== void 0 ? _o : 'square', cursor: 'ns-resize', boundsPadding: 2, pickMode: 'imprecise', strokeBoundsBuffer: 0 }, startHandlerStyle), 'symbol');
+              this._startHandler = group.createOrUpdateChild('startHandler', Object.assign(Object.assign({ x: position.x + width / 2, y: position.y + start * height, size: width, symbolType: (_q = startHandlerStyle === null || startHandlerStyle === void 0 ? void 0 : startHandlerStyle.symbolType) !== null && _q !== void 0 ? _q : 'square' }, DEFAULT_HANDLER_ATTR_MAP.vertical), startHandlerStyle), 'symbol');
+              this._endHandler = group.createOrUpdateChild('endHandler', Object.assign(Object.assign({ x: position.x + width / 2, y: position.y + end * height, size: width, symbolType: (_r = endHandlerStyle === null || endHandlerStyle === void 0 ? void 0 : endHandlerStyle.symbolType) !== null && _r !== void 0 ? _r : 'square' }, DEFAULT_HANDLER_ATTR_MAP.vertical), endHandlerStyle), 'symbol');
+              const startHandlerWidth = Math.max(this._startHandler.AABBBounds.width(), startHandlerMinSize);
+              const startHandlerHeight = Math.max(this._startHandler.AABBBounds.height(), startHandlerMinSize);
+              const endHandlerWidth = Math.max(this._endHandler.AABBBounds.width(), endHandlerMinSize);
+              const endHandlerHeight = Math.max(this._endHandler.AABBBounds.height(), endHandlerMinSize);
+              this._startHandlerMask = group.createOrUpdateChild('startHandlerMask', Object.assign({ x: position.x + width / 2 - startHandlerWidth / 2, y: position.y + start * height - startHandlerHeight / 2, width: startHandlerWidth, height: startHandlerHeight, symbolType: 'rect', fill: 'white', fillOpacity: 0 }, DEFAULT_HANDLER_ATTR_MAP.vertical), 'symbol');
+              this._endHandlerMask = group.createOrUpdateChild('endHandlerMask', Object.assign({ x: position.x + width / 2 - endHandlerWidth / 2, y: position.y + end * height - endHandlerHeight / 2, width: endHandlerWidth, height: endHandlerHeight, symbolType: 'rect', fill: 'white', fillOpacity: 0 }, DEFAULT_HANDLER_ATTR_MAP.vertical), 'symbol');
               if (middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.visible) {
-                  this._middleHandlerRect = group.createOrUpdateChild('middleHandlerRect', Object.assign({ x: orient === 'left' ? position.x - (((_p = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _p === void 0 ? void 0 : _p.size) || 10) : position.x + width, y: position.y + start * height, width: ((_q = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _q === void 0 ? void 0 : _q.size) || 10, height: (end - start) * height }, (_r = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _r === void 0 ? void 0 : _r.style), 'rect');
+                  this._middleHandlerRect = group.createOrUpdateChild('middleHandlerRect', Object.assign({ x: orient === 'left' ? position.x - (((_s = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _s === void 0 ? void 0 : _s.size) || 10) : position.x + width, y: position.y + start * height, width: ((_t = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _t === void 0 ? void 0 : _t.size) || 10, height: (end - start) * height }, (_u = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _u === void 0 ? void 0 : _u.style), 'rect');
                   this._middleHandlerSymbol = group.createOrUpdateChild('middleHandlerSymbol', Object.assign({ x: orient === 'left'
-                          ? position.x - (((_s = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _s === void 0 ? void 0 : _s.size) || 10) / 2
-                          : position.x + width + (((_t = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _t === void 0 ? void 0 : _t.size) || 10) / 2, y: position.y + ((start + end) / 2) * height, angle: 90 * (Math.PI / 180), symbolType: (_v = (_u = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.icon) === null || _u === void 0 ? void 0 : _u.symbolType) !== null && _v !== void 0 ? _v : 'square', strokeBoundsBuffer: 0 }, middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.icon), 'symbol');
+                          ? position.x - (((_v = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _v === void 0 ? void 0 : _v.size) || 10) / 2
+                          : position.x + width + (((_w = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.background) === null || _w === void 0 ? void 0 : _w.size) || 10) / 2, y: position.y + ((start + end) / 2) * height, angle: 90 * (Math.PI / 180), symbolType: (_y = (_x = middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.icon) === null || _x === void 0 ? void 0 : _x.symbolType) !== null && _y !== void 0 ? _y : 'square', strokeBoundsBuffer: 0 }, middleHandlerStyle === null || middleHandlerStyle === void 0 ? void 0 : middleHandlerStyle.icon), 'symbol');
               }
-              this._endHandler = group.createOrUpdateChild('endHandler', Object.assign({ x: position.x + width / 2, y: position.y + end * height, size: width, angle: 90 * (Math.PI / 180), symbolType: (_w = endHandlerStyle === null || endHandlerStyle === void 0 ? void 0 : endHandlerStyle.symbolType) !== null && _w !== void 0 ? _w : 'square', cursor: 'ns-resize', boundsPadding: 2, pickMode: 'imprecise', strokeBoundsBuffer: 0 }, endHandlerStyle), 'symbol');
           }
       }
       computeBasePoints() {
@@ -29868,7 +29898,7 @@
       }
   };
 
-  const version = "0.17.2-alpha.4";
+  const version = "0.17.2";
 
   exports.AbstractComponent = AbstractComponent;
   exports.ArcInfo = ArcInfo;