@plait/core 0.33.0 → 0.35.0

package/fesm2022/plait-core.mjs

@@ -1142,6 +1142,136 @@ function drawBezierPath(points, options) {
     return g;
 }
 
+const ZOOM_STEP = 0.1;
+const MIN_ZOOM = 0.1;
+const MAX_ZOOM = 4;
+
+function setViewport(board, viewport) {
+    const operation = { type: 'set_viewport', properties: board.viewport, newProperties: viewport };
+    board.apply(operation);
+}
+const ViewportTransforms$1 = {
+    setViewport
+};
+
+function setTheme(board, themeColorMode) {
+    const operation = { type: 'set_theme', properties: board.theme, newProperties: themeColorMode };
+    board.apply(operation);
+}
+const ViewportTransforms = {
+    setTheme
+};
+
+function updateViewport(board, origination, zoom) {
+    zoom = zoom ?? board.viewport.zoom;
+    setViewport(board, {
+        ...board.viewport,
+        zoom,
+        origination
+    });
+    clearViewportOrigination(board);
+}
+const updatePointerType = (board, pointer) => {
+    board.pointer = pointer;
+    const boardComponent = BOARD_TO_COMPONENT.get(board);
+    boardComponent?.markForCheck();
+};
+function updateZoom(board, newZoom, isCenter = true) {
+    newZoom = clampZoomLevel(newZoom);
+    const mousePoint = PlaitBoard.getMovingPointInBoard(board);
+    const nativeElement = PlaitBoard.getBoardContainer(board);
+    const nativeElementRect = nativeElement.getBoundingClientRect();
+    const boardContainerRect = PlaitBoard.getBoardContainer(board).getBoundingClientRect();
+    let focusPoint = [boardContainerRect.width / 2, boardContainerRect.height / 2];
+    if (!isCenter && mousePoint && distanceBetweenPointAndRectangle(mousePoint[0], mousePoint[1], nativeElementRect) === 0) {
+        focusPoint = toPoint(mousePoint[0], mousePoint[1], nativeElement);
+    }
+    const zoom = board.viewport.zoom;
+    const origination = getViewportOrigination(board);
+    const centerX = origination[0] + focusPoint[0] / zoom;
+    const centerY = origination[1] + focusPoint[1] / zoom;
+    const newOrigination = [centerX - focusPoint[0] / newZoom, centerY - focusPoint[1] / newZoom];
+    updateViewport(board, newOrigination, newZoom);
+}
+function fitViewport(board) {
+    let scrollBarWidth = getRealScrollBarWidth(board);
+    const boardContainerRect = PlaitBoard.getBoardContainer(board).getBoundingClientRect();
+    const elementHostBox = getRectangleByElements(board, board.children, true);
+    const zoom = board.viewport.zoom;
+    const autoFitPadding = 16;
+    const viewportWidth = boardContainerRect.width - 2 * autoFitPadding;
+    const viewportHeight = boardContainerRect.height - 2 * autoFitPadding;
+    let newZoom = zoom;
+    if (viewportWidth < elementHostBox.width || viewportHeight < elementHostBox.height) {
+        newZoom = Math.min(viewportWidth / elementHostBox.width, viewportHeight / elementHostBox.height);
+    }
+    else {
+        newZoom = 1;
+    }
+    const centerPoint = getViewBoxCenterPoint(board);
+    const newOrigination = [
+        centerPoint[0] - boardContainerRect.width / 2 / newZoom + scrollBarWidth / 2 / zoom,
+        centerPoint[1] - boardContainerRect.height / 2 / newZoom + scrollBarWidth / 2 / zoom
+    ];
+    updateViewport(board, newOrigination, newZoom);
+}
+function fitViewportWidth(board, options) {
+    let scrollBarWidth = getRealScrollBarWidth(board);
+    const boardContainer = PlaitBoard.getBoardContainer(board);
+    const boardContainerRectangle = boardContainer.getBoundingClientRect();
+    let finalWidth = 0;
+    if (options.maxWidth) {
+        finalWidth = options.maxWidth;
+    }
+    else {
+        finalWidth = boardContainerRectangle.width;
+    }
+    const elementHostBox = getRectangleByElements(board, board.children, true);
+    const contentWidth = finalWidth - 2 * options.autoFitPadding;
+    let newZoom = 0;
+    if (contentWidth < elementHostBox.width) {
+        newZoom = Math.min(contentWidth / elementHostBox.width);
+    }
+    else {
+        newZoom = 1;
+    }
+    let finalHeight = elementHostBox.height * newZoom + 2 * options.autoFitPadding;
+    if (finalHeight > options.limitHeight) {
+        const containerEl = boardContainer.closest(`.${options.containerClass}`);
+        containerEl.style.height = `${finalHeight}px`;
+        initializeViewportContainer(board);
+    }
+    else {
+        finalHeight = options.limitHeight;
+    }
+    const centerX = elementHostBox.x + elementHostBox.width / 2;
+    const centerY = elementHostBox.y + elementHostBox.height / 2;
+    const newOrigination = [
+        centerX - finalWidth / 2 / newZoom + scrollBarWidth / 2 / newZoom,
+        centerY - finalHeight / 2 / newZoom + scrollBarWidth / 2 / newZoom
+    ];
+    updateViewport(board, newOrigination, newZoom);
+}
+/**
+ * apply theme to every element (remove element custom properties)
+ * invoke applyThemeColor
+ */
+function updateThemeColor(board, mode) {
+    mode = mode ?? board.theme.themeColorMode;
+    setTheme(board, { themeColorMode: mode });
+    depthFirstRecursion(board, element => {
+        board.applyTheme(element);
+    });
+}
+const BoardTransforms = {
+    updatePointerType,
+    updateViewport,
+    fitViewport,
+    updateZoom,
+    updateThemeColor,
+    fitViewportWidth
+};
+
 const IS_FROM_SCROLLING = new WeakMap();
 const IS_FROM_VIEWPORT_CHANGE = new WeakMap();
 function getViewportContainerRect(board) {
@@ -1196,7 +1326,7 @@ function getElementHostBBox(board, zoom) {
  * @param maxZoom 最大缩放比
  * @returns 正确的缩放比
  */
-function clampZoomLevel(zoom, minZoom = 0.2, maxZoom = 4) {
+function clampZoomLevel(zoom, minZoom = MIN_ZOOM, maxZoom = MAX_ZOOM) {
     return zoom < minZoom ? minZoom : zoom > maxZoom ? maxZoom : zoom;
 }
 function getViewBox(board, zoom) {
@@ -1228,8 +1358,9 @@ function setSVGViewBox(board, viewBox) {
 }
 function updateViewportOffset(board) {
     const origination = getViewportOrigination(board);
-    if (!origination)
+    if (!origination) {
         return;
+    }
     const { zoom } = board.viewport;
     const viewBox = getViewBox(board, zoom);
     const scrollLeft = (origination[0] - viewBox[0]) * zoom;
@@ -1238,12 +1369,38 @@ function updateViewportOffset(board) {
 }
 function updateViewportContainerScroll(board, left, top, isFromViewportChange = true) {
     const viewportContainer = PlaitBoard.getViewportContainer(board);
+    const previousScrollLeft = viewportContainer.scrollLeft;
+    const previousScrollTop = viewportContainer.scrollTop;
     if (viewportContainer.scrollLeft !== left || viewportContainer.scrollTop !== top) {
         viewportContainer.scrollLeft = left;
         viewportContainer.scrollTop = top;
-        isFromViewportChange && setIsFromViewportChange(board, true);
+        const offsetWidth = viewportContainer.offsetWidth;
+        const offsetHeight = viewportContainer.offsetHeight;
+        if (previousScrollLeft === viewportContainer.scrollLeft && previousScrollTop === viewportContainer.scrollTop) {
+            // The scroll event cannot be triggered, so the origination is modified directly based on the scroll distance.
+            updateViewportByScrolling(board, previousScrollLeft, previousScrollTop);
+        }
+        else {
+            const isValidLeftOrTop = left > 0 &&
+                top > 0 &&
+                left < viewportContainer.scrollWidth - offsetWidth &&
+                top < viewportContainer.scrollHeight - offsetHeight;
+            if (isFromViewportChange && isValidLeftOrTop) {
+                setIsFromViewportChange(board, true);
+            }
+        }
     }
 }
+function updateViewportByScrolling(board, scrollLeft, scrollTop) {
+    const zoom = board.viewport.zoom;
+    const viewBox = getViewBox(board, zoom);
+    const origination = [scrollLeft / zoom + viewBox[0], scrollTop / zoom + viewBox[1]];
+    if (Point.isEquals(origination, board.viewport.origination)) {
+        return;
+    }
+    BoardTransforms.updateViewport(board, origination);
+    setIsFromScrolling(board, true);
+}
 function initializeViewportContainer(board) {
     const { width, height } = getViewportContainerRect(board);
     const viewportContainer = PlaitBoard.getViewportContainer(board);
@@ -2555,132 +2712,6 @@ function addSelectionWithTemporaryElements(board, elements) {
     }
 }
 
-function setViewport(board, viewport) {
-    const operation = { type: 'set_viewport', properties: board.viewport, newProperties: viewport };
-    board.apply(operation);
-}
-const ViewportTransforms$1 = {
-    setViewport
-};
-
-function setTheme(board, themeColorMode) {
-    const operation = { type: 'set_theme', properties: board.theme, newProperties: themeColorMode };
-    board.apply(operation);
-}
-const ViewportTransforms = {
-    setTheme
-};
-
-function updateViewport(board, origination, zoom) {
-    zoom = zoom ?? board.viewport.zoom;
-    setViewport(board, {
-        ...board.viewport,
-        zoom,
-        origination
-    });
-    clearViewportOrigination(board);
-}
-const updatePointerType = (board, pointer) => {
-    board.pointer = pointer;
-    const boardComponent = BOARD_TO_COMPONENT.get(board);
-    boardComponent?.markForCheck();
-};
-function updateZoom(board, newZoom, isCenter = true) {
-    newZoom = clampZoomLevel(newZoom);
-    const mousePoint = PlaitBoard.getMovingPointInBoard(board);
-    const nativeElement = PlaitBoard.getBoardContainer(board);
-    const nativeElementRect = nativeElement.getBoundingClientRect();
-    const boardContainerRect = PlaitBoard.getBoardContainer(board).getBoundingClientRect();
-    let focusPoint = [boardContainerRect.width / 2, boardContainerRect.height / 2];
-    if (!isCenter && mousePoint && distanceBetweenPointAndRectangle(mousePoint[0], mousePoint[1], nativeElementRect) === 0) {
-        focusPoint = toPoint(mousePoint[0], mousePoint[1], nativeElement);
-    }
-    const zoom = board.viewport.zoom;
-    const origination = getViewportOrigination(board);
-    const centerX = origination[0] + focusPoint[0] / zoom;
-    const centerY = origination[1] + focusPoint[1] / zoom;
-    const newOrigination = [centerX - focusPoint[0] / newZoom, centerY - focusPoint[1] / newZoom];
-    updateViewport(board, newOrigination, newZoom);
-}
-function fitViewport(board) {
-    let scrollBarWidth = getRealScrollBarWidth(board);
-    const boardContainerRect = PlaitBoard.getBoardContainer(board).getBoundingClientRect();
-    const elementHostBox = getRectangleByElements(board, board.children, true);
-    const zoom = board.viewport.zoom;
-    const autoFitPadding = 16;
-    const viewportWidth = boardContainerRect.width - 2 * autoFitPadding;
-    const viewportHeight = boardContainerRect.height - 2 * autoFitPadding;
-    let newZoom = zoom;
-    if (viewportWidth < elementHostBox.width || viewportHeight < elementHostBox.height) {
-        newZoom = Math.min(viewportWidth / elementHostBox.width, viewportHeight / elementHostBox.height);
-    }
-    else {
-        newZoom = 1;
-    }
-    const centerPoint = getViewBoxCenterPoint(board);
-    const newOrigination = [
-        centerPoint[0] - boardContainerRect.width / 2 / newZoom + scrollBarWidth / 2 / zoom,
-        centerPoint[1] - boardContainerRect.height / 2 / newZoom + scrollBarWidth / 2 / zoom
-    ];
-    updateViewport(board, newOrigination, newZoom);
-}
-function fitViewportWidth(board, options) {
-    let scrollBarWidth = getRealScrollBarWidth(board);
-    const boardContainer = PlaitBoard.getBoardContainer(board);
-    const boardContainerRectangle = boardContainer.getBoundingClientRect();
-    let finalWidth = 0;
-    if (options.maxWidth) {
-        finalWidth = options.maxWidth;
-    }
-    else {
-        finalWidth = boardContainerRectangle.width;
-    }
-    const elementHostBox = getRectangleByElements(board, board.children, true);
-    const contentWidth = finalWidth - 2 * options.autoFitPadding;
-    let newZoom = 0;
-    if (contentWidth < elementHostBox.width) {
-        newZoom = Math.min(contentWidth / elementHostBox.width);
-    }
-    else {
-        newZoom = 1;
-    }
-    let finalHeight = elementHostBox.height * newZoom + 2 * options.autoFitPadding;
-    if (finalHeight > options.limitHeight) {
-        const containerEl = boardContainer.closest(`.${options.containerClass}`);
-        containerEl.style.height = `${finalHeight}px`;
-        initializeViewportContainer(board);
-    }
-    else {
-        finalHeight = options.limitHeight;
-    }
-    const centerX = elementHostBox.x + elementHostBox.width / 2;
-    const centerY = elementHostBox.y + elementHostBox.height / 2;
-    const newOrigination = [
-        centerX - finalWidth / 2 / newZoom + scrollBarWidth / 2 / newZoom,
-        centerY - finalHeight / 2 / newZoom + scrollBarWidth / 2 / newZoom
-    ];
-    updateViewport(board, newOrigination, newZoom);
-}
-/**
- * apply theme to every element (remove element custom properties)
- * invoke applyThemeColor
- */
-function updateThemeColor(board, mode) {
-    mode = mode ?? board.theme.themeColorMode;
-    setTheme(board, { themeColorMode: mode });
-    depthFirstRecursion(board, element => {
-        board.applyTheme(element);
-    });
-}
-const BoardTransforms = {
-    updatePointerType,
-    updateViewport,
-    fitViewport,
-    updateZoom,
-    updateThemeColor,
-    fitViewportWidth
-};
-
 const removeElements = (board, elements) => {
     elements
         .map(element => {
@@ -3859,6 +3890,7 @@ class PlaitBoardComponent {
         this.ngZone.runOutsideAngular(() => {
             this.initializeHookListener();
             this.viewportScrollListener();
+            this.wheelZoomListener();
             this.elementResizeListener();
             fromEvent(document, 'mouseleave')
                 .pipe(takeUntil(this.destroy$))
@@ -4039,35 +4071,24 @@ class PlaitBoardComponent {
         });
     }
     viewportScrollListener() {
-        this.ngZone.runOutsideAngular(() => {
-            fromEvent(this.viewportContainer.nativeElement, 'scroll')
-                .pipe(takeUntil(this.destroy$), filter(() => {
-                if (isFromViewportChange(this.board)) {
-                    setIsFromViewportChange(this.board, false);
-                    return false;
-                }
-                return true;
-            }))
-                .subscribe((event) => {
-                const { scrollLeft, scrollTop } = event.target;
-                const zoom = this.board.viewport.zoom;
-                const viewBox = getViewBox(this.board, zoom);
-                const origination = [scrollLeft / zoom + viewBox[0], scrollTop / zoom + viewBox[1]];
-                if (Point.isEquals(origination, this.board.viewport.origination)) {
-                    return;
-                }
-                BoardTransforms.updateViewport(this.board, origination);
-                setIsFromScrolling(this.board, true);
-            });
+        fromEvent(this.viewportContainer.nativeElement, 'scroll')
+            .pipe(takeUntil(this.destroy$), filter(() => {
+            if (isFromViewportChange(this.board)) {
+                setIsFromViewportChange(this.board, false);
+                return false;
+            }
+            return true;
+        }))
+            .subscribe((event) => {
+            const { scrollLeft, scrollTop } = event.target;
+            updateViewportByScrolling(this.board, scrollLeft, scrollTop);
         });
-        this.ngZone.runOutsideAngular(() => {
-            fromEvent(this.viewportContainer.nativeElement, 'touchmove', { passive: false })
-                .pipe(takeUntil(this.destroy$))
-                .subscribe((event) => {
-                if (isPreventTouchMove(this.board)) {
-                    event.preventDefault();
-                }
-            });
+        fromEvent(this.viewportContainer.nativeElement, 'touchmove', { passive: false })
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((event) => {
+            if (isPreventTouchMove(this.board)) {
+                event.preventDefault();
+            }
         });
     }
     elementResizeListener() {
@@ -4091,6 +4112,34 @@ class PlaitBoardComponent {
             island.markForCheck();
         });
     }
+    wheelZoomListener() {
+        fromEvent(this.host, 'wheel', { passive: false })
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((event) => {
+            // Credits to excalidraw
+            // https://github.com/excalidraw/excalidraw/blob/b7d7ccc929696cc17b4cc34452e4afd846d59f4f/src/components/App.tsx#L9060
+            if (event.metaKey || event.ctrlKey) {
+                event.preventDefault();
+                const { deltaX, deltaY } = event;
+                const zoom = this.board.viewport.zoom;
+                const sign = Math.sign(deltaY);
+                const MAX_STEP = ZOOM_STEP * 100;
+                const absDelta = Math.abs(deltaY);
+                let delta = deltaY;
+                if (absDelta > MAX_STEP) {
+                    delta = MAX_STEP * sign;
+                }
+                let newZoom = zoom - delta / 100;
+                // increase zoom steps the more zoomed-in we are (applies to >100% only)
+                newZoom +=
+                    Math.log10(Math.max(1, zoom)) *
+                        -sign *
+                        // reduced amplification for small deltas (small movements on a trackpad)
+                        Math.min(1, absDelta / 20);
+                BoardTransforms.updateZoom(this.board, newZoom, false);
+            }
+        });
+    }
     ngOnDestroy() {
         this.destroy$.next();
         this.destroy$.complete();
@@ -4346,5 +4395,5 @@ function createModModifierKeys() {
  * Generated bundle index. Do not edit.
  */
 
-export { A, ACTIVE_STROKE_WIDTH, ALT, APOSTROPHE, ATTACHED_ELEMENT_CLASS_NAME, AT_SIGN, B, BACKSLASH, BACKSPACE, 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_MOVING_POINT_IN_BOARD, BOARD_TO_ON_CHANGE, BOARD_TO_ROUGH_SVG, BOARD_TO_SELECTED_ELEMENT, BOARD_TO_TEMPORARY_ELEMENTS, BOARD_TO_TOUCH_REF, BOARD_TO_VIEWPORT_ORIGINATION, BoardTransforms, C, CAPS_LOCK, CLIP_BOARD_FORMAT_KEY, CLOSE_SQUARE_BRACKET, COMMA, CONTEXT_MENU, CONTROL, ColorfulThemeColor, CoreTransforms, D, DASH, DELETE, DOWN_ARROW, DarkThemeColor, DefaultThemeColor, Direction, E, EIGHT, ELEMENT_TO_COMPONENT, END, ENTER, EQUALS, ESCAPE, F, F1, F10, F11, F12, F2, F3, F4, F5, F6, F7, F8, F9, FF_EQUALS, FF_MINUS, FF_MUTE, FF_SEMICOLON, FF_VOLUME_DOWN, FF_VOLUME_UP, FIRST_MEDIA, FIVE, FLUSHING, FOUR, G, H, HOME, HOST_CLASS_NAME, I, INSERT, IS_APPLE, IS_BOARD_CACHE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_MAC, IS_SAFARI, IS_TEXT_EDITABLE, J, K, L, LAST_MEDIA, LEFT_ARROW, M, MAC_ENTER, MAC_META, MAC_WK_CMD_LEFT, MAC_WK_CMD_RIGHT, MAX_RADIUS, MERGING, META, MUTE, N, NINE, NODE_TO_INDEX, NODE_TO_PARENT, NS, NUMPAD_DIVIDE, NUMPAD_EIGHT, NUMPAD_FIVE, NUMPAD_FOUR, NUMPAD_MINUS, NUMPAD_MULTIPLY, NUMPAD_NINE, NUMPAD_ONE, NUMPAD_PERIOD, NUMPAD_PLUS, NUMPAD_SEVEN, NUMPAD_SIX, NUMPAD_THREE, NUMPAD_TWO, NUMPAD_ZERO, NUM_CENTER, NUM_LOCK, O, ONE, OPEN_SQUARE_BRACKET, P, PAGE_DOWN, PAGE_UP, PATH_REFS, PAUSE, PERIOD, PLUS_SIGN, POINTER_BUTTON, PRESS_AND_MOVE_BUFFER, PRINT_SCREEN, Path, PlaitBoard, PlaitBoardComponent, PlaitChildrenElementComponent, PlaitContextService, PlaitElement, PlaitElementComponent, PlaitHistoryBoard, PlaitIslandBaseComponent, PlaitIslandPopoverBaseComponent, PlaitNode, PlaitOperation, PlaitPluginElementComponent, PlaitPluginKey, PlaitPointerType, Point, Q, QUESTION_MARK, R, RIGHT_ARROW, RectangleClient, ResizeCursorClass, RetroThemeColor, S, SAVING, SCROLL_BAR_WIDTH, SCROLL_LOCK, SELECTION_BORDER_COLOR, SELECTION_FILL_COLOR, SELECTION_RECTANGLE_CLASS_NAME, SEMICOLON, SEVEN, SHIFT, SINGLE_QUOTE, SIX, SLASH, SPACE, Selection, SoftThemeColor, StarryThemeColor, T, TAB, THREE, TILDE, TWO, ThemeColorMode, ThemeColors, Transforms, U, UP_ARROW, V, VOLUME_DOWN, VOLUME_UP, Viewport, W, X, Y, Z, ZERO, addMovingElements, addSelectedElement, arrowPoints, cacheMovingElements, cacheSelectedElements, catmullRomFitting, clampZoomLevel, clearNodeWeakMap, clearSelectedElement, clearSelectionMoving, clearViewportOrigination, createFakeEvent, createForeignObject, createG, createKeyboardEvent, createMask, createModModifierKeys, createMouseEvent, createPath, createPointerEvent, createRect, createSVG, createSelectionRectangleG, createTestingBoard, createText, createTouchEvent, debounce, deleteTemporaryElements, depthFirstRecursion, distanceBetweenPointAndPoint, distanceBetweenPointAndRectangle, distanceBetweenPointAndSegment, distanceBetweenPointAndSegments, downScale, downloadImage, drawArrow, drawBezierPath, drawCircle, drawLine, drawLinearPath, drawRectangle, drawRoundRectangle, fakeNodeWeakMap, findElements, getBoardRectangle, getClipboardByKey, getClipboardDataByMedia, getDataFromClipboard, getElementById, getElementHostBBox, getHitElementByPoint, getHitElementsBySelection, getIsRecursionFunc, getMovingElements, getNearestPointBetweenPointAndSegment, getNearestPointBetweenPointAndSegments, getRealScrollBarWidth, getRectangleByElements, getSelectedElements, getTemporaryElements, getTemporaryRef, getTextFromClipboard, getViewBox, getViewBoxCenterPoint, getViewportContainerRect, getViewportOrigination, handleTouchTarget, hasBeforeContextChange, hasInputOrTextareaTarget, hasOnBoardChange, hasOnContextChanged, hotkeys, idCreator, initializeViewBox, initializeViewportContainer, initializeViewportOffset, inverse, isDOMElement, isDOMNode, isFromScrolling, isFromViewportChange, isInPlaitBoard, isLineHitLine, isMainPointer, isNullOrUndefined, isPointInEllipse, isPointInPolygon, isPointInRoundRectangle, isPolylineHitRectangle, isPreventTouchMove, isSecondaryPointer, isSelectedElement, isSelectionMoving, isSetViewportOperation, normalizePoint, preventTouchMove, removeMovingElements, removeSelectedElement, rotate, scrollToRectangle, setClipboardData, setClipboardDataByMedia, setClipboardDataByText, setIsFromScrolling, setIsFromViewportChange, setPathStrokeLinecap, setSVGViewBox, setSelectionMoving, setStrokeLinecap, shouldClear, shouldMerge, shouldSave, temporaryDisableSelection, throttleRAF, toImage, toPoint, transformPoint, transformPoints, updateForeignObject, updateForeignObjectWidth, updateViewportContainerScroll, updateViewportOffset, updateViewportOrigination, withMoving, withOptions, withSelection };
+export { A, ACTIVE_STROKE_WIDTH, ALT, APOSTROPHE, ATTACHED_ELEMENT_CLASS_NAME, AT_SIGN, B, BACKSLASH, BACKSPACE, 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_MOVING_POINT_IN_BOARD, BOARD_TO_ON_CHANGE, BOARD_TO_ROUGH_SVG, BOARD_TO_SELECTED_ELEMENT, BOARD_TO_TEMPORARY_ELEMENTS, BOARD_TO_TOUCH_REF, BOARD_TO_VIEWPORT_ORIGINATION, BoardTransforms, C, CAPS_LOCK, CLIP_BOARD_FORMAT_KEY, CLOSE_SQUARE_BRACKET, COMMA, CONTEXT_MENU, CONTROL, ColorfulThemeColor, CoreTransforms, D, DASH, DELETE, DOWN_ARROW, DarkThemeColor, DefaultThemeColor, Direction, E, EIGHT, ELEMENT_TO_COMPONENT, END, ENTER, EQUALS, ESCAPE, F, F1, F10, F11, F12, F2, F3, F4, F5, F6, F7, F8, F9, FF_EQUALS, FF_MINUS, FF_MUTE, FF_SEMICOLON, FF_VOLUME_DOWN, FF_VOLUME_UP, FIRST_MEDIA, FIVE, FLUSHING, FOUR, G, H, HOME, HOST_CLASS_NAME, I, INSERT, IS_APPLE, IS_BOARD_CACHE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_MAC, IS_SAFARI, IS_TEXT_EDITABLE, J, K, L, LAST_MEDIA, LEFT_ARROW, M, MAC_ENTER, MAC_META, MAC_WK_CMD_LEFT, MAC_WK_CMD_RIGHT, MAX_RADIUS, MERGING, META, MUTE, N, NINE, NODE_TO_INDEX, NODE_TO_PARENT, NS, NUMPAD_DIVIDE, NUMPAD_EIGHT, NUMPAD_FIVE, NUMPAD_FOUR, NUMPAD_MINUS, NUMPAD_MULTIPLY, NUMPAD_NINE, NUMPAD_ONE, NUMPAD_PERIOD, NUMPAD_PLUS, NUMPAD_SEVEN, NUMPAD_SIX, NUMPAD_THREE, NUMPAD_TWO, NUMPAD_ZERO, NUM_CENTER, NUM_LOCK, O, ONE, OPEN_SQUARE_BRACKET, P, PAGE_DOWN, PAGE_UP, PATH_REFS, PAUSE, PERIOD, PLUS_SIGN, POINTER_BUTTON, PRESS_AND_MOVE_BUFFER, PRINT_SCREEN, Path, PlaitBoard, PlaitBoardComponent, PlaitChildrenElementComponent, PlaitContextService, PlaitElement, PlaitElementComponent, PlaitHistoryBoard, PlaitIslandBaseComponent, PlaitIslandPopoverBaseComponent, PlaitNode, PlaitOperation, PlaitPluginElementComponent, PlaitPluginKey, PlaitPointerType, Point, Q, QUESTION_MARK, R, RIGHT_ARROW, RectangleClient, ResizeCursorClass, RetroThemeColor, S, SAVING, SCROLL_BAR_WIDTH, SCROLL_LOCK, SELECTION_BORDER_COLOR, SELECTION_FILL_COLOR, SELECTION_RECTANGLE_CLASS_NAME, SEMICOLON, SEVEN, SHIFT, SINGLE_QUOTE, SIX, SLASH, SPACE, Selection, SoftThemeColor, StarryThemeColor, T, TAB, THREE, TILDE, TWO, ThemeColorMode, ThemeColors, Transforms, U, UP_ARROW, V, VOLUME_DOWN, VOLUME_UP, Viewport, W, X, Y, Z, ZERO, addMovingElements, addSelectedElement, arrowPoints, cacheMovingElements, cacheSelectedElements, catmullRomFitting, clampZoomLevel, clearNodeWeakMap, clearSelectedElement, clearSelectionMoving, clearViewportOrigination, createFakeEvent, createForeignObject, createG, createKeyboardEvent, createMask, createModModifierKeys, createMouseEvent, createPath, createPointerEvent, createRect, createSVG, createSelectionRectangleG, createTestingBoard, createText, createTouchEvent, debounce, deleteTemporaryElements, depthFirstRecursion, distanceBetweenPointAndPoint, distanceBetweenPointAndRectangle, distanceBetweenPointAndSegment, distanceBetweenPointAndSegments, downScale, downloadImage, drawArrow, drawBezierPath, drawCircle, drawLine, drawLinearPath, drawRectangle, drawRoundRectangle, fakeNodeWeakMap, findElements, getBoardRectangle, getClipboardByKey, getClipboardDataByMedia, getDataFromClipboard, getElementById, getElementHostBBox, getHitElementByPoint, getHitElementsBySelection, getIsRecursionFunc, getMovingElements, getNearestPointBetweenPointAndSegment, getNearestPointBetweenPointAndSegments, getRealScrollBarWidth, getRectangleByElements, getSelectedElements, getTemporaryElements, getTemporaryRef, getTextFromClipboard, getViewBox, getViewBoxCenterPoint, getViewportContainerRect, getViewportOrigination, handleTouchTarget, hasBeforeContextChange, hasInputOrTextareaTarget, hasOnBoardChange, hasOnContextChanged, hotkeys, idCreator, initializeViewBox, initializeViewportContainer, initializeViewportOffset, inverse, isDOMElement, isDOMNode, isFromScrolling, isFromViewportChange, isInPlaitBoard, isLineHitLine, isMainPointer, isNullOrUndefined, isPointInEllipse, isPointInPolygon, isPointInRoundRectangle, isPolylineHitRectangle, isPreventTouchMove, isSecondaryPointer, isSelectedElement, isSelectionMoving, isSetViewportOperation, normalizePoint, preventTouchMove, removeMovingElements, removeSelectedElement, rotate, scrollToRectangle, setClipboardData, setClipboardDataByMedia, setClipboardDataByText, setIsFromScrolling, setIsFromViewportChange, setPathStrokeLinecap, setSVGViewBox, setSelectionMoving, setStrokeLinecap, shouldClear, shouldMerge, shouldSave, temporaryDisableSelection, throttleRAF, toImage, toPoint, transformPoint, transformPoints, updateForeignObject, updateForeignObjectWidth, updateViewportByScrolling, updateViewportContainerScroll, updateViewportOffset, updateViewportOrigination, withMoving, withOptions, withSelection };
 //# sourceMappingURL=plait-core.mjs.map