@vertexvis/viewer 1.0.1-canary.9 → 1.0.1-testing.0

package/dist/cjs/vertex-viewer.cjs.entry.js

@@ -20,7 +20,7 @@ var cursors = require('./cursors-BjfBRMe4.js');
 var dom = require('./dom-CXWXs9Hx.js');
 var entities = require('./entities-BhIrCJqA.js');
 var viewport = require('./viewport-ZSVJIQTY.js');
-var multiElementInteractionHandler = require('./multiElementInteractionHandler-CV_R_zWs.js');
+var multiElementInteractionHandler = require('./multiElementInteractionHandler-DFzC3VJQ.js');
 var stencil = require('./stencil-Hsr_8Chs.js');
 require('./wrappers_pb-DCb8h8QZ.js');
 require('./_commonjsHelpers-CBbBosIU.js');
@@ -1505,11 +1505,11 @@ class ZoomInteraction extends MouseInteraction {
         this.didTransformBegin = false;
         this.startPt = undefined;
     }
-    async zoom(delta, api) {
-        await this.operateWithTimer(api, () => api.zoomCamera(this.getDirectionalDelta(delta)));
+    async zoom(delta, api, extraDelayMs) {
+        await this.operateWithTimer(api, () => api.zoomCamera(this.getDirectionalDelta(delta)), extraDelayMs);
     }
-    async zoomToPoint(pt, delta, api) {
-        await this.operateWithTimer(api, () => api.zoomCameraToPoint(pt, this.getDirectionalDelta(delta)));
+    async zoomToPoint(pt, delta, api, extraDelayMs) {
+        await this.operateWithTimer(api, () => api.zoomCameraToPoint(pt, this.getDirectionalDelta(delta)), extraDelayMs);
     }
     async beginInteraction(api) {
         this.didTransformBegin = true;
@@ -1519,23 +1519,29 @@ class ZoomInteraction extends MouseInteraction {
         this.didTransformBegin = false;
         await api.endInteraction();
     }
-    resetInteractionTimer(api) {
+    resetInteractionTimer(api, extraDelayMs) {
         this.stopInteractionTimer();
-        this.startInteractionTimer(api);
+        this.startInteractionTimer(api, extraDelayMs);
     }
     getDirectionalDelta(delta) {
         return this.interactionConfigProvider().reverseMouseWheelDirection
             ? -delta
             : delta;
     }
+    /**
+     * if this value gets too low, can cause animation jitter in certain scenarios
+     */
     getInteractionDelay() {
         return this.interactionConfigProvider().mouseWheelInteractionEndDebounce;
     }
-    startInteractionTimer(api) {
+    /**
+     * uses a configured interaction delay, but certain interactions like wheel zoom benefit from extra delay
+     */
+    startInteractionTimer(api, extraDelayMs = 0) {
         this.interactionTimer = window.setTimeout(async () => {
             this.interactionTimer = undefined;
             await this.endInteraction(api);
-        }, this.getInteractionDelay());
+        }, extraDelayMs + this.getInteractionDelay());
     }
     stopInteractionTimer() {
         if (this.interactionTimer != null) {
@@ -1543,12 +1549,12 @@ class ZoomInteraction extends MouseInteraction {
             this.interactionTimer = undefined;
         }
     }
-    async operateWithTimer(api, f) {
+    async operateWithTimer(api, f, extraDelayMs) {
         if (!this.didTransformBegin) {
             await this.beginInteraction(api);
         }
-        this.resetInteractionTimer(api);
-        f();
+        this.resetInteractionTimer(api, extraDelayMs);
+        await f();
     }
 }
 class PanInteraction extends MouseInteraction {