@visactor/vrender 0.16.17-alpha.3 → 0.16.17-alpha.8

package/cjs/index.d.ts

@@ -1,3 +1,3 @@
-export declare const version = "0.16.17-alpha.3";
+export declare const version = "0.16.17-alpha.8";
 export * from '@visactor/vrender-core';
 export * from '@visactor/vrender-kits';

package/cjs/index.js

@@ -21,5 +21,5 @@ Object.defineProperty(exports, "__esModule", {
 
 const vrender_core_1 = require("@visactor/vrender-core"), vrender_kits_1 = require("@visactor/vrender-kits");
 
-exports.version = "0.16.17-alpha.3", (0, vrender_kits_1.loadAllModule)(vrender_core_1.container), 
+exports.version = "0.16.17-alpha.8", (0, vrender_kits_1.loadAllModule)(vrender_core_1.container), 
 __exportStar(require("@visactor/vrender-core"), exports), __exportStar(require("@visactor/vrender-kits"), exports);

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,yDAAmD;AACnD,yDAAuD;AAG1C,QAAA,OAAO,GAAG,iBAAiB,CAAC;AAEzC,IAAA,4BAAa,EAAC,wBAAS,CAAC,CAAC;AAEzB,yDAAuC;AACvC,yDAAuC","file":"index.js","sourcesContent":["import { container } from '@visactor/vrender-core';\nimport { loadAllModule } from '@visactor/vrender-kits';\n\n// 导出版本号\nexport const version = \"0.16.17-alpha.3\";\n\nloadAllModule(container);\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,yDAAmD;AACnD,yDAAuD;AAG1C,QAAA,OAAO,GAAG,iBAAiB,CAAC;AAEzC,IAAA,4BAAa,EAAC,wBAAS,CAAC,CAAC;AAEzB,yDAAuC;AACvC,yDAAuC","file":"index.js","sourcesContent":["import { container } from '@visactor/vrender-core';\nimport { loadAllModule } from '@visactor/vrender-kits';\n\n// 导出版本号\nexport const version = \"0.16.17-alpha.8\";\n\nloadAllModule(container);\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}

package/dist/index.js

@@ -8261,7 +8261,7 @@
     return "mouse" === pointerType || "pen" === pointerType;
   }
   var EventManager = /*#__PURE__*/function () {
-    function EventManager(root) {
+    function EventManager(root, config) {
       var _this = this;
       _classCallCheck(this, EventManager);
       this.dispatch = new EventEmitter(), this.mappingState = {
@@ -8329,6 +8329,7 @@
         }
         _this.cursor = "";
       }, this.onPointerUp = function (from, target) {
+        var _a;
         if (!(from instanceof FederatedPointerEvent)) return void console.warn("EventManager cannot map a non-pointer event as a pointer event");
         var now = clock.now(),
           e = _this.createPointerEvent(from, from.type, target);
@@ -8358,7 +8359,7 @@
             timeStamp: now
           });
           var clickHistory = trackingData.clicksByButton[from.button];
-          clickHistory.target === clickEvent.target && now - clickHistory.timeStamp < 200 ? ++clickHistory.clickCount : clickHistory.clickCount = 1, clickHistory.target = clickEvent.target, clickHistory.timeStamp = now, clickEvent.detail = clickHistory.clickCount, isMouseLike(clickEvent.pointerType) ? (_this.dispatchEvent(clickEvent, "click"), 2 === clickHistory.clickCount && _this.dispatchEvent(clickEvent, "dblclick")) : "touch" === clickEvent.pointerType && _this.dispatchEvent(clickEvent, "tap"), _this.dispatchEvent(clickEvent, "pointertap"), _this.freeEvent(clickEvent);
+          clickHistory.target === clickEvent.target && now - clickHistory.timeStamp < (null !== (_a = _this._config.clickInterval) && void 0 !== _a ? _a : 200) ? ++clickHistory.clickCount : clickHistory.clickCount = 1, clickHistory.target = clickEvent.target, clickHistory.timeStamp = now, clickEvent.detail = clickHistory.clickCount, isMouseLike(clickEvent.pointerType) ? (_this.dispatchEvent(clickEvent, "click"), 2 === clickHistory.clickCount && _this.dispatchEvent(clickEvent, "dblclick")) : "touch" === clickEvent.pointerType && _this.dispatchEvent(clickEvent, "tap"), _this.dispatchEvent(clickEvent, "pointertap"), _this.freeEvent(clickEvent);
         }
         _this.freeEvent(e);
       }, this.onPointerUpOutside = function (from, target) {
@@ -8376,7 +8377,9 @@
         if (!(from instanceof FederatedWheelEvent)) return void console.warn("EventManager cannot map a non-wheel event as a wheel event");
         var wheelEvent = _this.createWheelEvent(from, target);
         _this.dispatchEvent(wheelEvent), _this.freeEvent(wheelEvent);
-      }, this.rootTarget = root, this.mappingTable = {}, this.addEventMapping("pointerdown", this.onPointerDown), this.addEventMapping("pointermove", this.onPointerMove), this.addEventMapping("pointerout", this.onPointerOut), this.addEventMapping("pointerleave", this.onPointerOut), this.addEventMapping("pointerover", this.onPointerOver), this.addEventMapping("pointerup", this.onPointerUp), this.addEventMapping("pointerupoutside", this.onPointerUpOutside), this.addEventMapping("wheel", this.onWheel);
+      }, this.rootTarget = root, this.mappingTable = {}, this._config = Object.assign({
+        clickInterval: 200
+      }, config), this.addEventMapping("pointerdown", this.onPointerDown), this.addEventMapping("pointermove", this.onPointerMove), this.addEventMapping("pointerout", this.onPointerOut), this.addEventMapping("pointerleave", this.onPointerOut), this.addEventMapping("pointerover", this.onPointerOver), this.addEventMapping("pointerup", this.onPointerUp), this.addEventMapping("pointerupoutside", this.onPointerUpOutside), this.addEventMapping("wheel", this.onWheel);
     }
     _createClass(EventManager, [{
       key: "addEventMapping",
@@ -8603,8 +8606,11 @@
         global = params.global,
         viewport = params.viewport,
         _params$autoPreventDe = params.autoPreventDefault,
-        autoPreventDefault = _params$autoPreventDe === void 0 ? !1 : _params$autoPreventDe;
-      this.manager = new EventManager(rootNode), this.globalObj = global, this.supportsPointerEvents = global.supportsPointerEvents, this.supportsTouchEvents = global.supportsTouchEvents, this.supportsMouseEvents = global.supportsMouseEvents, this.applyStyles = global.applyStyles, this.autoPreventDefault = autoPreventDefault, this.eventsAdded = !1, this.viewport = viewport, this.rootPointerEvent = new FederatedPointerEvent(), this.rootWheelEvent = new FederatedWheelEvent(), this.cursorStyles = {
+        autoPreventDefault = _params$autoPreventDe === void 0 ? !1 : _params$autoPreventDe,
+        clickInterval = params.clickInterval;
+      this.manager = new EventManager(rootNode, {
+        clickInterval: clickInterval
+      }), this.globalObj = global, this.supportsPointerEvents = global.supportsPointerEvents, this.supportsTouchEvents = global.supportsTouchEvents, this.supportsMouseEvents = global.supportsMouseEvents, this.applyStyles = global.applyStyles, this.autoPreventDefault = autoPreventDefault, this.eventsAdded = !1, this.viewport = viewport, this.rootPointerEvent = new FederatedPointerEvent(), this.rootWheelEvent = new FederatedWheelEvent(), this.cursorStyles = {
         "default": "inherit",
         pointer: "pointer"
       }, this.resolution = resolution, this.setTargetElement(targetElement);
@@ -12004,7 +12010,7 @@
   var tempMatrix = new Matrix(),
     tempBounds$1 = new AABBBounds();
   var PURE_STYLE_KEY = ["stroke", "opacity", "strokeOpacity", "lineDash", "lineDashOffset", "lineCap", "lineJoin", "miterLimit", "fill", "fillOpacity"];
-  var GRAPHIC_UPDATE_TAG_KEY = ["lineWidth", "lineCap", "lineJoin", "miterLimit", "scaleX", "scaleY", "angle", "anchor"];
+  var GRAPHIC_UPDATE_TAG_KEY = ["lineWidth", "scaleX", "scaleY", "angle", "anchor", "visible"];
   var tempConstantXYKey = ["x", "y"],
     tempConstantScaleXYKey = ["scaleX", "scaleY"],
     tempConstantAngleKey = ["angle"],
@@ -15991,9 +15997,7 @@
             cacheList = [];
           _path.forEach(function (item) {
             var cache = new CustomPath2D().fromString(item.d),
-              attribute = {
-                fill: "black"
-              };
+              attribute = {};
             SVG_PARSE_ATTRIBUTE_MAP_KEYS.forEach(function (k) {
               item[k] && (attribute[SVG_PARSE_ATTRIBUTE_MAP[k]] = item[k]);
             }), cacheList.push({
@@ -17180,7 +17184,8 @@
         var _this2 = this;
         var _a;
         var _this$attribute = this.attribute,
-          textConfig = _this$attribute.textConfig,
+          _this$attribute$textC = _this$attribute.textConfig,
+          textConfig = _this$attribute$textC === void 0 ? [] : _this$attribute$textC,
           maxWidth = _this$attribute.maxWidth,
           maxHeight = _this$attribute.maxHeight,
           width = _this$attribute.width,
@@ -18409,6 +18414,7 @@
     }, {
       key: "updateRectAABBBounds",
       value: function updateRectAABBBounds(attribute, rectTheme, aabbBounds, graphic) {
+        if (!this._validCheck(attribute, rectTheme, aabbBounds, graphic)) return aabbBounds;
         if (!this.updatePathProxyAABBBounds(aabbBounds, graphic)) {
           var _attribute$width = attribute.width,
             width = _attribute$width === void 0 ? rectTheme.width : _attribute$width,
@@ -18442,13 +18448,14 @@
     }, {
       key: "updateGlyphAABBBounds",
       value: function updateGlyphAABBBounds(attribute, theme, aabbBounds, graphic) {
-        return graphic.getSubGraphic().forEach(function (node) {
+        return this._validCheck(attribute, theme, aabbBounds, graphic) ? (graphic.getSubGraphic().forEach(function (node) {
           aabbBounds.union(node.AABBBounds);
-        }), aabbBounds;
+        }), aabbBounds) : aabbBounds;
       }
     }, {
       key: "updateRichTextAABBBounds",
       value: function updateRichTextAABBBounds(attribute, richtextTheme, aabbBounds, graphic) {
+        if (!this._validCheck(attribute, richtextTheme, aabbBounds, graphic)) return aabbBounds;
         if (!graphic) return aabbBounds;
         var _attribute$width2 = attribute.width,
           width = _attribute$width2 === void 0 ? richtextTheme.width : _attribute$width2,
@@ -18501,6 +18508,7 @@
     }, {
       key: "updateTextAABBBounds",
       value: function updateTextAABBBounds(attribute, textTheme, aabbBounds, graphic) {
+        if (!this._validCheck(attribute, textTheme, aabbBounds, graphic)) return aabbBounds;
         if (!graphic) return aabbBounds;
         var _graphic$attribute$te = graphic.attribute.text,
           text = _graphic$attribute$te === void 0 ? textTheme.text : _graphic$attribute$te;
@@ -18525,6 +18533,7 @@
     }, {
       key: "updatePathAABBBounds",
       value: function updatePathAABBBounds(attribute, pathTheme, aabbBounds, graphic) {
+        if (!this._validCheck(attribute, pathTheme, aabbBounds, graphic)) return aabbBounds;
         this.updatePathProxyAABBBounds(aabbBounds, graphic) || this.updatePathAABBBoundsImprecise(attribute, pathTheme, aabbBounds, graphic);
         var tb1 = this.tempAABBBounds1,
           tb2 = this.tempAABBBounds2;
@@ -18576,6 +18585,7 @@
     }, {
       key: "updatePolygonAABBBounds",
       value: function updatePolygonAABBBounds(attribute, polygonTheme, aabbBounds, graphic) {
+        if (!this._validCheck(attribute, polygonTheme, aabbBounds, graphic)) return aabbBounds;
         this.updatePathProxyAABBBounds(aabbBounds, graphic) || this.updatePolygonAABBBoundsImprecise(attribute, polygonTheme, aabbBounds, graphic);
         var tb1 = this.tempAABBBounds1,
           tb2 = this.tempAABBBounds2;
@@ -18596,6 +18606,7 @@
     }, {
       key: "updateLineAABBBounds",
       value: function updateLineAABBBounds(attribute, lineTheme, aabbBounds, graphic) {
+        if (!this._validCheck(attribute, lineTheme, aabbBounds, graphic)) return aabbBounds;
         this.updatePathProxyAABBBounds(aabbBounds, graphic) || (attribute.segments ? this.updateLineAABBBoundsBySegments(attribute, lineTheme, aabbBounds, graphic) : this.updateLineAABBBoundsByPoints(attribute, lineTheme, aabbBounds, graphic));
         var tb1 = this.tempAABBBounds1,
           tb2 = this.tempAABBBounds2;
@@ -18629,6 +18640,7 @@
     }, {
       key: "updateAreaAABBBounds",
       value: function updateAreaAABBBounds(attribute, areaTheme, aabbBounds, graphic) {
+        if (!this._validCheck(attribute, areaTheme, aabbBounds, graphic)) return aabbBounds;
         this.updatePathProxyAABBBounds(aabbBounds, graphic) || (attribute.segments ? this.updateAreaAABBBoundsBySegments(attribute, areaTheme, aabbBounds, graphic) : this.updateAreaAABBBoundsByPoints(attribute, areaTheme, aabbBounds, graphic));
         var tb1 = this.tempAABBBounds1,
           tb2 = this.tempAABBBounds2;
@@ -18664,6 +18676,7 @@
     }, {
       key: "updateCircleAABBBounds",
       value: function updateCircleAABBBounds(attribute, circleTheme, aabbBounds, full, graphic) {
+        if (!this._validCheck(attribute, circleTheme, aabbBounds, graphic)) return aabbBounds;
         this.updatePathProxyAABBBounds(aabbBounds, graphic) || (full ? this.updateCircleAABBBoundsImprecise(attribute, circleTheme, aabbBounds, graphic) : this.updateCircleAABBBoundsAccurate(attribute, circleTheme, aabbBounds, graphic));
         var tb1 = this.tempAABBBounds1,
           tb2 = this.tempAABBBounds2;
@@ -18692,6 +18705,7 @@
     }, {
       key: "updateArcAABBBounds",
       value: function updateArcAABBBounds(attribute, arcTheme, aabbBounds, full, graphic) {
+        if (!this._validCheck(attribute, arcTheme, aabbBounds, graphic)) return aabbBounds;
         this.updatePathProxyAABBBounds(aabbBounds, graphic) || (full ? this.updateArcAABBBoundsImprecise(attribute, arcTheme, aabbBounds, graphic) : this.updateArcAABBBoundsAccurate(attribute, arcTheme, aabbBounds, graphic));
         var tb1 = this.tempAABBBounds1,
           tb2 = this.tempAABBBounds2;
@@ -18733,6 +18747,7 @@
     }, {
       key: "updateSymbolAABBBounds",
       value: function updateSymbolAABBBounds(attribute, symbolTheme, aabbBounds, full, graphic) {
+        if (!this._validCheck(attribute, symbolTheme, aabbBounds, graphic)) return aabbBounds;
         this.updatePathProxyAABBBounds(aabbBounds, graphic) || (full ? this.updateSymbolAABBBoundsImprecise(attribute, symbolTheme, aabbBounds, graphic) : this.updateSymbolAABBBoundsAccurate(attribute, symbolTheme, aabbBounds, graphic));
         var tb1 = this.tempAABBBounds1,
           tb2 = this.tempAABBBounds2;
@@ -18765,6 +18780,7 @@
     }, {
       key: "updateImageAABBBounds",
       value: function updateImageAABBBounds(attribute, imageTheme, aabbBounds, graphic) {
+        if (!this._validCheck(attribute, imageTheme, aabbBounds, graphic)) return aabbBounds;
         if (!this.updatePathProxyAABBBounds(aabbBounds, graphic)) {
           var _attribute$width3 = attribute.width,
             width = _attribute$width3 === void 0 ? imageTheme.width : _attribute$width3,
@@ -18811,6 +18827,15 @@
         }
         this.combindShadowAABBBounds(aabbBounds, graphic), transformBoundsWithMatrix(aabbBounds, aabbBounds, graphic.transMatrix);
       }
+    }, {
+      key: "_validCheck",
+      value: function _validCheck(attribute, theme, aabbBounds, graphic) {
+        if (!graphic) return !0;
+        if (!graphic.valid) return aabbBounds.clear(), !1;
+        var _attribute$visible = attribute.visible,
+          visible = _attribute$visible === void 0 ? theme.visible : _attribute$visible;
+        return !!visible || (aabbBounds.clear(), !1);
+      }
     }]);
     return DefaultGraphicService;
   }();
@@ -20281,10 +20306,20 @@
           var p = context.project(x, y, z),
             camera = context.camera;
           context.camera = null, !1 === parsedPath.draw(context, size, p.x, p.y, void 0, function (p, a) {
-            a.fill && (fillCb ? fillCb(context, symbol.attribute, symbolAttribute) : (context.setCommonStyle(symbol, a, originX - x, originY - y), context.fill())), a.stroke && (strokeCb ? strokeCb(context, symbol.attribute, symbolAttribute) : (context.setStrokeStyle(symbol, a, (originX - x) / scaleX, (originY - y) / scaleY), context.stroke()));
+            var _a, _b, _c;
+            if (symbol._parsedPath.svgCache) {
+              var obj = Object.assign({}, a);
+              obj.fill = null !== (_a = a.fill) && void 0 !== _a ? _a : symbol.attribute.fill, obj.opacity = null !== (_b = a.fill) && void 0 !== _b ? _b : symbol.attribute.opacity, obj.fillOpacity = symbol.attribute.fillOpacity, obj.stroke = null !== (_c = a.stroke) && void 0 !== _c ? _c : symbol.attribute.stroke, a = obj;
+            }
+            a.fill && (fillCb ? fillCb(context, symbol.attribute, symbolAttribute) : (context.setCommonStyle(symbol, a, originX - x, originY - y, symbolAttribute), context.fill())), a.stroke && (strokeCb ? strokeCb(context, symbol.attribute, symbolAttribute) : (context.setStrokeStyle(symbol, a, (originX - x) / scaleX, (originY - y) / scaleY, symbolAttribute), context.stroke()));
           }) && context.closePath(), context.camera = camera;
         } else !1 === parsedPath.draw(context, size, x, y, z, function (p, a) {
-          a.fill && (fillCb ? fillCb(context, symbol.attribute, symbolAttribute) : (context.setCommonStyle(symbol, a, originX - x, originY - y), context.fill())), a.stroke && (strokeCb ? strokeCb(context, symbol.attribute, symbolAttribute) : (context.setStrokeStyle(symbol, a, (originX - x) / scaleX, (originY - y) / scaleY), context.stroke()));
+          var _a, _b, _c;
+          if (symbol._parsedPath.svgCache) {
+            var obj = Object.assign({}, a);
+            obj.fill = null !== (_a = a.fill) && void 0 !== _a ? _a : symbol.attribute.fill, obj.opacity = null !== (_b = a.opacity) && void 0 !== _b ? _b : symbol.attribute.opacity, obj.fillOpacity = symbol.attribute.fillOpacity, obj.stroke = null !== (_c = a.stroke) && void 0 !== _c ? _c : symbol.attribute.stroke, a = obj;
+          }
+          a.fill && (fillCb ? fillCb(context, symbol.attribute, symbolAttribute) : (context.setCommonStyle(symbol, a, originX - x, originY - y, symbolAttribute), context.fill())), a.stroke && (strokeCb ? strokeCb(context, symbol.attribute, symbolAttribute) : (context.setStrokeStyle(symbol, a, (originX - x) / scaleX, (originY - y) / scaleY, symbolAttribute), context.stroke()));
         }) && context.closePath();
         context.setShadowBlendStyle && context.setShadowBlendStyle(symbol, symbol.attribute, symbolAttribute), this.beforeRenderStep(symbol, context, x, y, doFill, doStroke, fVisible, sVisible, symbolAttribute, drawContext, fillCb, strokeCb), doFill && !parsedPath.isSvg && (fillCb ? fillCb(context, symbol.attribute, symbolAttribute) : fVisible && (context.setCommonStyle(symbol, symbol.attribute, originX - x, originY - y, symbolAttribute), context.fill())), doStroke && !parsedPath.isSvg && (strokeCb ? strokeCb(context, symbol.attribute, symbolAttribute) : sVisible && (context.setStrokeStyle(symbol, symbol.attribute, (originX - x) / scaleX, (originY - y) / scaleY, symbolAttribute), context.stroke())), this.afterRenderStep(symbol, context, x, y, doFill, doStroke, fVisible, sVisible, symbolAttribute, drawContext, fillCb, strokeCb);
       }
@@ -20722,7 +20757,7 @@
           var repeat = 0;
           if ("repeat" === repeatX && (repeat |= 1), "repeat" === repeatY && (repeat |= 2), repeat) {
             var pattern = context.createPattern(res.data, repeatStr[repeat]);
-            context.fillStyle = pattern, context.fillRect(x, y, width, height);
+            context.fillStyle = pattern, context.translate(x, y, !0), context.fillRect(0, 0, width, height), context.translate(-x, -y, !0);
           } else context.drawImage(res.data, x, y, width, height);
           needRestore && context.restore();
         }
@@ -21953,7 +21988,7 @@
               graphic.add(g);
             });
           } else result = pickerService.pickGroup(graphic, point, params.parentMatrix, pickParams);
-          return context.camera = null, pickParams.in3dInterceptor = !1, result;
+          return context.camera = null, pickParams.in3dInterceptor = !1, context.restore(), result;
         }
         return context.restore(), null;
       }
@@ -24878,7 +24913,7 @@
         canvasId: params.canvas
       } : {
         main: !0
-      })), _this.nextFrameRenderLayerSet = new Set(), _this.willNextFrameRender = !1, _this.stage = _assertThisInitialized(_this), _this.renderStyle = params.renderStyle, _this.global.supportEvent && (_this.eventSystem = new EventSystem({
+      })), _this.nextFrameRenderLayerSet = new Set(), _this.willNextFrameRender = !1, _this.stage = _assertThisInitialized(_this), _this.renderStyle = params.renderStyle, _this.global.supportEvent && (_this.eventSystem = new EventSystem(Object.assign({
         targetElement: _this.window,
         resolution: _this.window.dpr || _this.global.devicePixelRatio,
         rootNode: _assertThisInitialized(_this),
@@ -24898,7 +24933,7 @@
             return this.viewBox.height();
           }
         }
-      })), params.autoRender && _this.enableAutoRender(), !1 === params.disableDirtyBounds && _this.enableDirtyBounds(), params.enableHtmlAttribute && _this.enableHtmlAttribute(params.enableHtmlAttribute), params.enableLayout && _this.enableLayout(), _this.hooks.beforeRender.tap("constructor", _this.beforeRender), _this.hooks.afterRender.tap("constructor", _this.afterRender), _this._beforeRender = params.beforeRender, _this._afterRender = params.afterRender, _this.ticker = params.ticker || defaultTicker, _this.supportInteractiveLayer = !1 !== params.interactiveLayer, _this.timeline = new DefaultTimeline(), _this.ticker.addTimeline(_this.timeline), _this.timeline.pause(), _this.optmize(params.optimize), _this._background && isString$1(_this._background) && _this.setAttributes({
+      }, params.event))), params.autoRender && _this.enableAutoRender(), !1 === params.disableDirtyBounds && _this.enableDirtyBounds(), params.enableHtmlAttribute && _this.enableHtmlAttribute(params.enableHtmlAttribute), params.enableLayout && _this.enableLayout(), _this.hooks.beforeRender.tap("constructor", _this.beforeRender), _this.hooks.afterRender.tap("constructor", _this.afterRender), _this._beforeRender = params.beforeRender, _this._afterRender = params.afterRender, _this.ticker = params.ticker || defaultTicker, _this.supportInteractiveLayer = !1 !== params.interactiveLayer, _this.timeline = new DefaultTimeline(), _this.ticker.addTimeline(_this.timeline), _this.timeline.pause(), _this.optmize(params.optimize), params.background && isString$1(_this._background) && _this._background.includes("/") && _this.setAttributes({
         background: _this._background
       });
       return _this;
@@ -29180,7 +29215,7 @@
       var _this;
       var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       _classCallCheck(this, Gesture);
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
       _this = _super.call(this), _this.cachedEvents = [], _this.startPoints = [], _this.processEvent = {}, _this.throttleTimer = 0, _this.emitThrottles = [], _this.onStart = function (ev) {
         _this.reset(), _this.startTime = clock.now();
         var _assertThisInitialize = _assertThisInitialized(_this),
@@ -29265,13 +29300,14 @@
               velocity > _this.config.swipe.velocity && distance > _this.config.swipe.threshold && (endEvent.velocity = velocity, endEvent.direction = calcDirection(prevMovePoint, lastMovePoint), _this.triggerEvent("swipe", endEvent));
             }
           }
+          now - _this.lastTapTime < _this.config.tap.interval ? _this.tapCount++ : _this.tapCount = 1, _this.lastTapTime = now, 1 === _this.tapCount ? _this.triggerEvent("tap", endEvent) : 2 === _this.tapCount && (_this.triggerEvent("doubletap", endEvent), _this.tapCount = 0);
         }
         for (var i = 0, len = cachedEvents.length; i < len; i++) if (cachedEvents[i].pointerId === endEvent.pointerId) {
           cachedEvents.splice(i, 1), startPoints.splice(i, 1);
           break;
         }
         _this.reset(), cachedEvents.length > 0 && _this.onStart();
-      }, _this.element = element, _this.config = {
+      }, _this.element = element, _this.tapCount = 0, _this.lastTapTime = 0, _this.config = {
         press: {
           time: null !== (_b = null === (_a = null == config ? void 0 : config.press) || void 0 === _a ? void 0 : _a.time) && void 0 !== _b ? _b : 251,
           threshold: null !== (_d = null === (_c = null == config ? void 0 : config.press) || void 0 === _c ? void 0 : _c.threshold) && void 0 !== _d ? _d : 9
@@ -29279,6 +29315,9 @@
         swipe: {
           threshold: null !== (_f = null === (_e = null == config ? void 0 : config.swipe) || void 0 === _e ? void 0 : _e.threshold) && void 0 !== _f ? _f : 10,
           velocity: null !== (_h = null === (_g = null == config ? void 0 : config.swipe) || void 0 === _g ? void 0 : _g.velocity) && void 0 !== _h ? _h : .3
+        },
+        tap: {
+          interval: null !== (_k = null === (_j = null == config ? void 0 : config.tap) || void 0 === _j ? void 0 : _j.interval) && void 0 !== _k ? _k : 300
         }
       }, _this.initEvents();
       return _this;
@@ -31999,6 +32038,7 @@
       key: "contains",
       value: function contains(polygon, point, params) {
         if (!polygon.AABBBounds.contains(point.x, point.y)) return !1;
+        if ("imprecise" === polygon.attribute.pickMode) return !0;
         var _ref = null != params ? params : {},
           pickContext = _ref.pickContext;
         if (!pickContext) return !1;
@@ -34646,7 +34686,7 @@
 
   var roughModule = _roughModule;
 
-  const version = "0.16.17-alpha.3";
+  const version = "0.16.17-alpha.8";
   loadAllModule(container);
 
   exports.ACustomAnimate = ACustomAnimate;