@plait/core 0.0.46 → 0.0.48

package/fesm2020/plait-core.mjs

@@ -993,6 +993,9 @@ function withMove(board) {
     board.mousemove = (event) => {
         const boardComponent = PLAIT_BOARD_TO_COMPONENT.get(board);
         if (board.cursor === BaseCursorStatus.move && board.selection && boardComponent.isMoving) {
+            const left = event.x - plaitBoardMove.x;
+            const top = event.y - plaitBoardMove.y;
+            boardComponent.setScroll(boardComponent.scrollLeft - left, boardComponent.scrollTop - top);
             plaitBoardMove.x = event.x;
             plaitBoardMove.y = event.y;
         }
@@ -1354,7 +1357,7 @@ class PlaitBoardComponent {
             .subscribe((event) => {
             const scrollLeft = event.target.scrollLeft;
             const scrollTop = event.target.scrollTop;
-            this.getScrollOffset(scrollLeft, scrollTop);
+            this.setScroll(scrollLeft, scrollTop);
         });
         window.onresize = () => {
             this.updateViewport();
@@ -1377,13 +1380,8 @@ class PlaitBoardComponent {
         this.renderer2.setStyle(this.contentContainer.nativeElement, 'maxHeight', height);
     }
     setScroll(left, top) {
-        const container = this.contentContainer.nativeElement;
-        container.scrollTo({
-            top,
-            left
-        });
-    }
-    getScrollOffset(left, top) {
+        this.scrollLeft = left;
+        this.scrollTop = top;
         const viewportBox = getViewportClientBox(this.board);
         const viewBox = getViewBox(this.board);
         const scrollLeftRatio = left / (viewBox.viewportWidth - viewportBox.width);
@@ -1400,16 +1398,19 @@ class PlaitBoardComponent {
         const viewportBox = getViewportClientBox(this.board);
         const { minX, minY, width, height, viewportWidth, viewportHeight } = viewBox;
         const box = [minX, minY, width, height];
-        const scrollLeft = (viewportWidth - viewportBox.width) * offsetXRatio;
-        const scrollTop = (viewportHeight - viewportBox.height) * offsetYRatio;
+        this.scrollLeft = (viewportWidth - viewportBox.width) * offsetXRatio;
+        this.scrollTop = (viewportHeight - viewportBox.height) * offsetYRatio;
         this.renderer2.setStyle(this.host, 'display', 'block');
         this.renderer2.setStyle(this.host, 'width', `${viewportWidth}px`);
         this.renderer2.setStyle(this.host, 'height', `${viewportHeight}px`);
-        this.renderer2.setStyle(this.host, 'cursor', this.isMoveMode ? 'grab' : 'default');
         if (width > 0 && height > 0) {
             this.renderer2.setAttribute(this.host, 'viewBox', box.join());
         }
-        this.setScroll(scrollLeft, scrollTop);
+        const container = this.contentContainer.nativeElement;
+        container.scrollTo({
+            top: this.scrollTop,
+            left: this.scrollLeft
+        });
     }
     updateViewport() {
         this.resizeViewport();