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

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

@@ -18,7 +18,7 @@ import { C as CursorManager } from './cursors-DImFnILd.js';
 import { g as getMouseClientPosition, c as cssCursor } from './dom-D6my8OyX.js';
 import { E as EntityType } from './entities-BAhfr1Nx.js';
 import { V as Viewport } from './viewport-DbTg_ax4.js';
-import { B as BaseInteractionHandler, M as MultiElementInteractionHandler } from './multiElementInteractionHandler-CJhrgviV.js';
+import { B as BaseInteractionHandler, M as MultiElementInteractionHandler } from './multiElementInteractionHandler-DjlrKVbu.js';
 import { w as writeDOM } from './stencil-BV-7pO4q.js';
 import './wrappers_pb-Xw_x1jYm.js';
 import './_commonjsHelpers-CG9AChtV.js';
@@ -1503,11 +1503,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;
@@ -1517,23 +1517,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) {
@@ -1541,12 +1547,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 {