@plait/core 0.1.7 → 0.1.8

package/fesm2020/plait-core.mjs

@@ -1142,7 +1142,7 @@ function fitViewport(board) {
     const viewportContainerRect = getViewportContainerRect(board);
     const elementHostBox = getRectangleByElements(board, board.children, true);
     const zoom = board.viewport.zoom;
-    const autoFitPadding = 8;
+    const autoFitPadding = 16;
     const viewportWidth = nativeElementRect.width - 2 * autoFitPadding;
     const viewportHeight = nativeElementRect.height - 2 * autoFitPadding;
     let newZoom = zoom;
@@ -1204,6 +1204,23 @@ const throttleRAF = (fn) => {
     }
     scheduleFunc();
 };
+const debounce = (func, wait, options) => {
+    let timerSubscription = null;
+    return () => {
+        if (timerSubscription && !timerSubscription.closed) {
+            timerSubscription.unsubscribe();
+            timerSubscription = timer(wait).subscribe(() => {
+                func();
+            });
+        }
+        else {
+            if (options?.leading) {
+                func();
+            }
+            timerSubscription = timer(wait).subscribe();
+        }
+    };
+};
 
 const getMovingElements = (board) => {
     return BOARD_TO_MOVING_ELEMENT.get(board) || [];
@@ -1539,16 +1556,22 @@ function withSelection(board) {
                 deleteTemporaryElements(board);
             }
             else {
-                const currentSelectedElements = getSelectedElements(board);
-                if (currentSelectedElements.length && currentSelectedElements.length > 1) {
-                    const selectedElementChange = currentSelectedElements.some(item => !previousSelectedElements.includes(item));
-                    if (selectedElementChange) {
+                // wait node destroy and remove selected element state
+                setTimeout(() => {
+                    const currentSelectedElements = getSelectedElements(board);
+                    if (currentSelectedElements.length && currentSelectedElements.length > 1) {
+                        const selectedElementChange = currentSelectedElements.some(item => !previousSelectedElements.includes(item));
+                        if (selectedElementChange) {
+                            selectionOuterG?.remove();
+                            selectionOuterG = createSelectionOuterG(board, currentSelectedElements);
+                            selectionOuterG.classList.add('selection-outer');
+                            PlaitBoard.getHost(board).append(selectionOuterG);
+                        }
+                    }
+                    else {
                         selectionOuterG?.remove();
-                        selectionOuterG = createSelectionOuterG(board, currentSelectedElements);
-                        selectionOuterG.classList.add('selection-outer');
-                        PlaitBoard.getHost(board).append(selectionOuterG);
                     }
-                }
+                });
             }
         }
         catch (error) {
@@ -1587,7 +1610,10 @@ function createSelectionOuterG(board, selectElements) {
 
 function withViewport(board) {
     const { onChange } = board;
-    let timerSubscription;
+    const throttleUpdate = () => debounce(() => {
+        initializeViewBox(board);
+        updateViewportOffset(board);
+    }, 500, { leading: true });
     board.onChange = () => {
         const isSetViewport = board.operations.some(op => op.type === 'set_viewport');
         const isOnlySetSelection = board.operations.some(op => op.type === 'set_selection');
@@ -1603,13 +1629,7 @@ function withViewport(board) {
             updateViewportOffset(board);
         }
         else {
-            if (timerSubscription) {
-                timerSubscription.unsubscribe();
-            }
-            timerSubscription = timer(500).subscribe(() => {
-                initializeViewBox(board);
-                updateViewportOffset(board);
-            });
+            throttleUpdate();
         }
         onChange();
     };
@@ -2241,5 +2261,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BOARD_TO_COMPONENT, BOARD_TO_ELEMENT_HOST, BOARD_TO_HOST, BOARD_TO_IS_SELECTION_MOVING, BOARD_TO_MOVING_ELEMENT, BOARD_TO_MOVING_POINT, BOARD_TO_ON_CHANGE, BOARD_TO_ROUGH_SVG, BOARD_TO_SELECTED_ELEMENT, BOARD_TO_TEMPORARY_ELEMENTS, BOARD_TO_VIEWPORT_ORIGINATION, BoardTransforms, CLIP_BOARD_FORMAT_KEY, ELEMENT_TO_PLUGIN_COMPONENT, FLUSHING, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_SAFARI, IS_TEXT_EDITABLE, MAX_RADIUS, MERGING, NS, Path, PlaitBoard, PlaitBoardComponent, PlaitElement, PlaitElementComponent, PlaitHistoryBoard, PlaitModule, PlaitNode, PlaitOperation, PlaitPluginElementComponent, PlaitPointerType, PlaitToolbarComponent, Point, RectangleClient, SAVING, SCROLL_BAR_WIDTH, SELECTION_BORDER_COLOR, SELECTION_FILL_COLOR, Selection, Transforms, Viewport, addMovingElements, addSelectedElement, arrowPoints, cacheMovingElements, cacheSelectedElements, calcElementIntersectionSelection, changeZoom, clampZoomLevel, clearSelectionMoving, clearViewportOrigination, createG, createSVG, createSelectionOuterG, createText, deleteTemporaryElements, depthFirstRecursion, distanceBetweenPointAndPoint, distanceBetweenPointAndRectangle, distanceBetweenPointAndSegment, drawArrow, drawRoundRectangle, fitViewport, getBoardRectangle, getElementHostBBox, getMovingElements, getRectangleByElements, getSelectedElements, getTemporaryElements, getViewBox, getViewportContainerRect, getViewportOrigination, hasBeforeContextChange, hotkeys, idCreator, initializeViewBox, initializeViewportContainer, initializeViewportOffset, inverse, isFromScrolling, isFromViewportChange, isInPlaitBoard, isIntersectionElements, isNullOrUndefined, isSelectedElement, isSelectionMoving, isSetViewportOperation, normalizePoint, removeMovingElements, removeSelectedElement, rotate, scrollToRectangle, setIsFromScrolling, setIsFromViewportChange, setSVGViewBox, setSelectionMoving, setViewport, shouldClear, shouldMerge, shouldSave, throttleRAF, toPoint, transformPoint, transformPoints, updateViewportContainerScroll, updateViewportOffset, updateViewportOrigination, withMoving, withSelection };
+export { BOARD_TO_COMPONENT, BOARD_TO_ELEMENT_HOST, BOARD_TO_HOST, BOARD_TO_IS_SELECTION_MOVING, BOARD_TO_MOVING_ELEMENT, BOARD_TO_MOVING_POINT, BOARD_TO_ON_CHANGE, BOARD_TO_ROUGH_SVG, BOARD_TO_SELECTED_ELEMENT, BOARD_TO_TEMPORARY_ELEMENTS, BOARD_TO_VIEWPORT_ORIGINATION, BoardTransforms, CLIP_BOARD_FORMAT_KEY, ELEMENT_TO_PLUGIN_COMPONENT, FLUSHING, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_SAFARI, IS_TEXT_EDITABLE, MAX_RADIUS, MERGING, NS, Path, PlaitBoard, PlaitBoardComponent, PlaitElement, PlaitElementComponent, PlaitHistoryBoard, PlaitModule, PlaitNode, PlaitOperation, PlaitPluginElementComponent, PlaitPointerType, PlaitToolbarComponent, Point, RectangleClient, SAVING, SCROLL_BAR_WIDTH, SELECTION_BORDER_COLOR, SELECTION_FILL_COLOR, Selection, Transforms, Viewport, addMovingElements, addSelectedElement, arrowPoints, cacheMovingElements, cacheSelectedElements, calcElementIntersectionSelection, changeZoom, clampZoomLevel, clearSelectionMoving, clearViewportOrigination, createG, createSVG, createSelectionOuterG, createText, debounce, deleteTemporaryElements, depthFirstRecursion, distanceBetweenPointAndPoint, distanceBetweenPointAndRectangle, distanceBetweenPointAndSegment, drawArrow, drawRoundRectangle, fitViewport, getBoardRectangle, getElementHostBBox, getMovingElements, getRectangleByElements, getSelectedElements, getTemporaryElements, getViewBox, getViewportContainerRect, getViewportOrigination, hasBeforeContextChange, hotkeys, idCreator, initializeViewBox, initializeViewportContainer, initializeViewportOffset, inverse, isFromScrolling, isFromViewportChange, isInPlaitBoard, isIntersectionElements, isNullOrUndefined, isSelectedElement, isSelectionMoving, isSetViewportOperation, normalizePoint, removeMovingElements, removeSelectedElement, rotate, scrollToRectangle, setIsFromScrolling, setIsFromViewportChange, setSVGViewBox, setSelectionMoving, setViewport, shouldClear, shouldMerge, shouldSave, throttleRAF, toPoint, transformPoint, transformPoints, updateViewportContainerScroll, updateViewportOffset, updateViewportOrigination, withMoving, withSelection };
 //# sourceMappingURL=plait-core.mjs.map