@plait/core 0.38.0 → 0.40.0

package/fesm2022/plait-core.mjs

@@ -14,6 +14,7 @@ const NODE_TO_INDEX = new WeakMap();
 const NODE_TO_PARENT = new WeakMap();
 const IS_TEXT_EDITABLE = new WeakMap();
 const BOARD_TO_ON_CHANGE = new WeakMap();
+const BOARD_TO_AFTER_CHANGE = new WeakMap();
 const BOARD_TO_COMPONENT = new WeakMap();
 const BOARD_TO_ROUGH_SVG = new WeakMap();
 const BOARD_TO_HOST = new WeakMap();
@@ -125,13 +126,29 @@ const getSelectedElements = (board) => {
     return BOARD_TO_SELECTED_ELEMENT.get(board) || [];
 };
 const addSelectedElement = (board, element) => {
+    let elements = [];
+    if (Array.isArray(element)) {
+        elements.push(...element);
+    }
+    else {
+        elements.push(element);
+    }
     const selectedElements = getSelectedElements(board);
-    cacheSelectedElements(board, [...selectedElements, element]);
+    cacheSelectedElements(board, [...selectedElements, ...elements]);
 };
 const removeSelectedElement = (board, element) => {
     const selectedElements = getSelectedElements(board);
     if (selectedElements.includes(element)) {
-        const newSelectedElements = selectedElements.filter(value => value !== element);
+        const targetElements = [];
+        if (board.isRecursion(element)) {
+            depthFirstRecursion(element, node => {
+                targetElements.push(node);
+            }, node => board.isRecursion(node));
+        }
+        else {
+            targetElements.push(element);
+        }
+        const newSelectedElements = selectedElements.filter(value => !targetElements.includes(value));
         cacheSelectedElements(board, newSelectedElements);
     }
 };
@@ -306,13 +323,30 @@ const POINTER_BUTTON = {
     SECONDARY: 2,
     TOUCH: -1
 };
-const PRESS_AND_MOVE_BUFFER = 5;
+const PRESS_AND_MOVE_BUFFER = 3;
 
 const NS = 'http://www.w3.org/2000/svg';
-function toPoint(x, y, container) {
-    const rect = container.getBoundingClientRect();
+/**
+ * Get the screen coordinates starting from the upper left corner of the svg element (based on the svg screen coordinate system)
+ * @param x screen x
+ * @param y screen x
+ * @returns
+ */
+function toPoint(x, y, svg) {
+    const rect = svg.getBoundingClientRect();
     return [x - rect.x, y - rect.y];
 }
+/**
+ * `toPoint` reverse processing
+ * Get the screen coordinate starting from the upper left corner of the browser window (based on the screen coordinate system)
+ * @param point screen coordinates based on the upper left corner of the svg
+ * @returns
+ */
+function toScreenPoint(board, point) {
+    const host = PlaitBoard.getHost(board);
+    const rect = host.getBoundingClientRect();
+    return [point[0] + rect.x, point[1] + rect.y];
+}
 function createG() {
     const newG = document.createElementNS(NS, 'g');
     return newG;
@@ -552,8 +586,8 @@ const RectangleClient = {
         };
     },
     getGapCenter(rectangle1, rectangle2, isHorizontal) {
-        const axis = isHorizontal ? 'y' : 'x';
-        const side = isHorizontal ? 'height' : 'width';
+        const axis = isHorizontal ? 'x' : 'y';
+        const side = isHorizontal ? 'width' : 'height';
         const align = [rectangle1[axis], rectangle1[axis] + rectangle1[side], rectangle2[axis], rectangle2[axis] + rectangle2[side]];
         const sortArr = align.sort((a, b) => a - b);
         return (sortArr[1] + sortArr[2]) / 2;
@@ -635,12 +669,14 @@ function distanceBetweenPointAndSegments(points, point) {
     }
     return distance;
 }
-function getNearestPointBetweenPointAndSegments(point, points) {
+function getNearestPointBetweenPointAndSegments(point, points, isClose = true) {
     const len = points.length;
     let distance = Infinity;
     let result = point;
     for (let i = 0; i < len; i++) {
         const p = points[i];
+        if (i === len - 1 && !isClose)
+            continue;
         const p2 = i === len - 1 ? points[0] : points[i + 1];
         const currentDistance = distanceBetweenPointAndSegment(point[0], point[1], p[0], p[1], p2[0], p2[1]);
         if (currentDistance < distance) {
@@ -1183,6 +1219,8 @@ function updateViewport(board, origination, zoom) {
     clearViewportOrigination(board);
 }
 const updatePointerType = (board, pointer) => {
+    if (board.pointer === pointer)
+        return;
     board.pointer = pointer;
     const boardComponent = BOARD_TO_COMPONENT.get(board);
     boardComponent?.markForCheck();
@@ -1285,6 +1323,13 @@ const BoardTransforms = {
 
 const IS_FROM_SCROLLING = new WeakMap();
 const IS_FROM_VIEWPORT_CHANGE = new WeakMap();
+function toSVGScreenPoint(board, point) {
+    const { zoom } = board.viewport;
+    const viewBox = getViewBox(board, zoom);
+    const x = (point[0] - viewBox[0]) * zoom;
+    const y = (point[1] - viewBox[1]) * zoom;
+    return [x, y];
+}
 function getViewportContainerRect(board) {
     const { hideScrollbar } = board.options;
     const scrollBarWidth = hideScrollbar ? SCROLL_BAR_WIDTH : 0;
@@ -1372,17 +1417,17 @@ function updateViewportOffset(board) {
     if (!origination) {
         return;
     }
-    const { zoom } = board.viewport;
-    const viewBox = getViewBox(board, zoom);
-    const scrollLeft = (origination[0] - viewBox[0]) * zoom;
-    const scrollTop = (origination[1] - viewBox[1]) * zoom;
+    const [scrollLeft, scrollTop] = toSVGScreenPoint(board, origination);
     updateViewportContainerScroll(board, scrollLeft, scrollTop);
 }
 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) {
+    // scrollTop assign 11.8 will get 11.5 in chrome
+    // scrollTop assign 11.8 will get 11 in firefox, safari
+    // scrollTop assign 11.4 will get 11 in chrome, firefox, safari
+    if (viewportContainer.scrollLeft !== Math.floor(left) || viewportContainer.scrollTop !== Math.floor(top)) {
         viewportContainer.scrollLeft = left;
         viewportContainer.scrollTop = top;
         const offsetWidth = viewportContainer.offsetWidth;
@@ -1406,7 +1451,7 @@ 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)) {
+    if (Point.isEquals(origination, getViewportOrigination(board))) {
         return;
     }
     BoardTransforms.updateViewport(board, origination);
@@ -1491,7 +1536,9 @@ const debounce = (func, wait, options) => {
         }
         else {
             if (options?.leading) {
-                func();
+                timer(0).subscribe(() => {
+                    func();
+                });
             }
             timerSubscription = timer(wait).subscribe();
         }
@@ -1501,6 +1548,9 @@ const debounce = (func, wait, options) => {
 const getMovingElements = (board) => {
     return BOARD_TO_MOVING_ELEMENT.get(board) || [];
 };
+const isMovingElements = (board) => {
+    return (BOARD_TO_MOVING_ELEMENT.get(board) || []).length > 0;
+};
 const addMovingElements = (board, elements) => {
     const movingElements = getMovingElements(board);
     const newElements = elements.filter(item => !movingElements.find(movingElement => movingElement.key === item.key));
@@ -1530,7 +1580,7 @@ function isElementNode(node) {
 function loadImage(src) {
     return new Promise((resolve, reject) => {
         const img = new Image();
-        img.crossOrigin = 'anonymous';
+        img.crossOrigin = 'Anonymous';
         img.onload = () => resolve(img);
         img.onerror = () => reject(new Error('Failed to load image'));
         img.src = src;
@@ -1645,7 +1695,7 @@ async function batchConvertImage(sourceNode, cloneNode) {
  * @param options parameter configuration
  * @returns clone svg element
  */
-function cloneSvg(board, elements, rectangle, options) {
+async function cloneSvg(board, elements, rectangle, options) {
     const { width, height, x, y } = rectangle;
     const { padding = 4, inlineStyleClassNames } = options;
     const sourceSvg = PlaitBoard.getHost(board);
@@ -1658,12 +1708,12 @@ function cloneSvg(board, elements, rectangle, options) {
     cloneSvgElement.setAttribute('width', `${width}`);
     cloneSvgElement.setAttribute('height', `${height}`);
     cloneSvgElement.setAttribute('viewBox', [x - padding, y - padding, width + 2 * padding, height + 2 * padding].join(','));
-    selectedGElements.forEach((child, i) => {
+    await Promise.all(selectedGElements.map(async (child, i) => {
         const cloneChild = child.cloneNode(true);
         batchCloneCSSStyle(child, cloneChild, inlineStyleClassNames);
-        batchConvertImage(child, cloneChild);
+        await batchConvertImage(child, cloneChild);
         newHostElement.appendChild(cloneChild);
-    });
+    }));
     cloneSvgElement.appendChild(newHostElement);
     return cloneSvgElement;
 }
@@ -2536,7 +2586,7 @@ const NodeTransforms = {
 };
 
 function withSelection(board) {
-    const { pointerDown, globalPointerMove, globalPointerUp, onChange } = board;
+    const { pointerDown, globalPointerMove, globalPointerUp, keyup, onChange, afterChange } = board;
     let start = null;
     let end = null;
     let selectionMovingG;
@@ -2544,11 +2594,15 @@ function withSelection(board) {
     let previousSelectedElements;
     // prevent text from being selected when user pressed main pointer and is moving
     let needPreventNativeSelectionWhenMoving = false;
+    let isShift = false;
     board.pointerDown = (event) => {
         const isHitText = event.target instanceof Element && event.target.closest('.plait-richtext-container');
-        // prevent text from being selected when user pressed shift and pointer down
-        if (!isHitText && event.shiftKey) {
+        if (event.shiftKey) {
             event.preventDefault();
+            isShift = true;
+        }
+        else {
+            isShift = false;
         }
         if (!isHitText) {
             needPreventNativeSelectionWhenMoving = true;
@@ -2562,7 +2616,7 @@ function withSelection(board) {
         const selection = { anchor: point, focus: point };
         const hitElement = getHitElementByPoint(board, point);
         const selectedElements = getSelectedElements(board);
-        if (hitElement && selectedElements.includes(hitElement) && !options.isDisabledSelect) {
+        if (!isShift && hitElement && selectedElements.includes(hitElement) && !options.isDisabledSelect) {
             pointerDown(event);
             return;
         }
@@ -2574,12 +2628,18 @@ function withSelection(board) {
         Transforms.setSelection(board, selection);
         pointerDown(event);
     };
+    board.keyup = (event) => {
+        if (isShift && event.key === 'Shift') {
+            isShift = false;
+        }
+        keyup(event);
+    };
     board.globalPointerMove = (event) => {
         if (needPreventNativeSelectionWhenMoving) {
             // prevent text from being selected
             event.preventDefault();
         }
-        if (start) {
+        if (start && PlaitBoard.isPointer(board, PlaitPointerType.selection)) {
             const movedTarget = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
             const rectangle = RectangleClient.toRectangleClient([start, movedTarget]);
             selectionMovingG?.remove();
@@ -2635,43 +2695,63 @@ function withSelection(board) {
                 removeSelectedElement(board, op.node);
             }
         });
-        // calc selected elements entry
-        if (board.pointer !== PlaitPointerType.hand && !options.isDisabledSelect) {
+        if (isHandleSelection(board) && isSetSelectionOperation(board)) {
             try {
-                if (board.operations.find(value => value.type === 'set_selection')) {
-                    selectionRectangleG?.remove();
-                    const temporaryElements = getTemporaryElements(board);
-                    let elements = temporaryElements ? temporaryElements : getHitElementsBySelection(board);
-                    if (!options.isMultiple && elements.length > 1) {
-                        elements = [elements[0]];
-                    }
+                selectionRectangleG?.remove();
+                const temporaryElements = getTemporaryElements(board);
+                let elements = temporaryElements ? temporaryElements : getHitElementsBySelection(board);
+                if (!options.isMultiple && elements.length > 1) {
+                    elements = [elements[0]];
+                }
+                if (isShift && board.selection && Selection.isCollapsed(board.selection)) {
+                    const newSelectedElements = [...getSelectedElements(board)];
+                    elements.forEach(element => {
+                        if (newSelectedElements.includes(element)) {
+                            newSelectedElements.splice(newSelectedElements.indexOf(element), 1);
+                        }
+                        else {
+                            newSelectedElements.push(element);
+                        }
+                    });
+                    cacheSelectedElements(board, newSelectedElements);
+                }
+                else {
                     cacheSelectedElements(board, elements);
-                    previousSelectedElements = elements;
-                    deleteTemporaryElements(board);
-                    if (!isSelectionMoving(board) && elements.length > 1) {
+                }
+                const newElements = getSelectedElements(board);
+                previousSelectedElements = newElements;
+                deleteTemporaryElements(board);
+                if (!isSelectionMoving(board) && newElements.length > 1) {
+                    selectionRectangleG = createSelectionRectangleG(board);
+                }
+            }
+            catch (error) {
+                console.error(error);
+            }
+        }
+        onChange();
+    };
+    board.afterChange = () => {
+        if (isHandleSelection(board) && !isSetSelectionOperation(board)) {
+            try {
+                const currentSelectedElements = getSelectedElements(board);
+                if (currentSelectedElements.length && currentSelectedElements.length > 1) {
+                    if (currentSelectedElements.length !== previousSelectedElements.length ||
+                        currentSelectedElements.some((c, index) => c !== previousSelectedElements[index])) {
+                        selectionRectangleG?.remove();
                         selectionRectangleG = createSelectionRectangleG(board);
+                        previousSelectedElements = currentSelectedElements;
                     }
                 }
                 else {
-                    const currentSelectedElements = getSelectedElements(board);
-                    if (currentSelectedElements.length && currentSelectedElements.length > 1) {
-                        if (currentSelectedElements.length !== previousSelectedElements.length ||
-                            currentSelectedElements.some((c, index) => c !== previousSelectedElements[index])) {
-                            selectionRectangleG?.remove();
-                            selectionRectangleG = createSelectionRectangleG(board);
-                            previousSelectedElements = currentSelectedElements;
-                        }
-                    }
-                    else {
-                        selectionRectangleG?.remove();
-                    }
+                    selectionRectangleG?.remove();
                 }
             }
             catch (error) {
                 console.error(error);
             }
         }
-        onChange();
+        afterChange();
     };
     board.setPluginOptions(PlaitPluginKey.withSelection, {
         isMultiple: true,
@@ -2679,6 +2759,13 @@ function withSelection(board) {
     });
     return board;
 }
+function isHandleSelection(board) {
+    const options = board.getPluginOptions(PlaitPluginKey.withSelection);
+    return board.pointer !== PlaitPointerType.hand && !options.isDisabledSelect && !PlaitBoard.isReadonly(board);
+}
+function isSetSelectionOperation(board) {
+    return !!board.operations.find(value => value.type === 'set_selection');
+}
 function getTemporaryElements(board) {
     const ref = BOARD_TO_TEMPORARY_ELEMENTS.get(board);
     if (ref) {
@@ -2817,6 +2904,7 @@ function createBoard(children, options) {
                 Promise.resolve().then(() => {
                     FLUSHING.set(board, false);
                     board.onChange();
+                    board.afterChange();
                     board.operations = [];
                 });
             }
@@ -2847,6 +2935,7 @@ function createBoard(children, options) {
             return refs;
         },
         onChange: () => { },
+        afterChange: () => { },
         mousedown: (event) => { },
         mousemove: (event) => { },
         mouseleave: (event) => { },
@@ -2883,13 +2972,13 @@ function createBoard(children, options) {
         pointerLeave: pointer => { },
         globalPointerMove: pointer => { },
         globalPointerUp: pointer => { },
-        isImageBindingAllowed: (element) => false,
+        isImageBindingAllowed: (element) => false
     };
     return board;
 }
 
 function withBoard(board) {
-    const { onChange } = board;
+    const { onChange, afterChange } = board;
     board.onChange = () => {
         const onContextChange = BOARD_TO_ON_CHANGE.get(board);
         if (onContextChange) {
@@ -2897,6 +2986,13 @@ function withBoard(board) {
         }
         onChange();
     };
+    board.afterChange = () => {
+        const afterContextChange = BOARD_TO_AFTER_CHANGE.get(board);
+        if (afterContextChange) {
+            afterContextChange();
+        }
+        afterChange();
+    };
     return board;
 }
 
@@ -2985,23 +3081,23 @@ function withHistory(board) {
 }
 
 function withHandPointer(board) {
-    const { mousedown, mousemove, globalMouseup, keydown, keyup } = board;
+    const { pointerDown, pointerMove, globalPointerUp, keydown, keyup } = board;
     let isMoving = false;
     const plaitBoardMove = {
         x: 0,
         y: 0
     };
-    board.mousedown = (event) => {
+    board.pointerDown = (event) => {
         if (PlaitBoard.isPointer(board, PlaitPointerType.hand) && isMainPointer(event)) {
             isMoving = true;
             PlaitBoard.getBoardContainer(board).classList.add('viewport-moving');
             plaitBoardMove.x = event.x;
             plaitBoardMove.y = event.y;
         }
-        mousedown(event);
+        pointerDown(event);
     };
-    board.mousemove = (event) => {
-        if (PlaitBoard.isPointer(board, PlaitPointerType.hand) && board.selection && isMoving) {
+    board.pointerMove = (event) => {
+        if (PlaitBoard.isPointer(board, PlaitPointerType.hand) && isMoving) {
             const viewportContainer = PlaitBoard.getViewportContainer(board);
             const left = viewportContainer.scrollLeft - (event.x - plaitBoardMove.x);
             const top = viewportContainer.scrollTop - (event.y - plaitBoardMove.y);
@@ -3009,16 +3105,16 @@ function withHandPointer(board) {
             plaitBoardMove.x = event.x;
             plaitBoardMove.y = event.y;
         }
-        mousemove(event);
+        pointerMove(event);
     };
-    board.globalMouseup = (event) => {
-        if (board.selection) {
+    board.globalPointerUp = (event) => {
+        if (isMoving) {
             isMoving = false;
             PlaitBoard.getBoardContainer(board).classList.remove('viewport-moving');
             plaitBoardMove.x = 0;
             plaitBoardMove.y = 0;
         }
-        globalMouseup(event);
+        globalPointerUp(event);
     };
     board.keydown = (event) => {
         if (event.code === 'Space') {
@@ -3446,7 +3542,11 @@ function withMoving(board) {
         const host = BOARD_TO_HOST.get(board);
         const point = transformPoint(board, toPoint(event.x, event.y, host));
         let movableElements = board.children.filter(item => board.isMovable(item));
-        if (!PlaitBoard.isReadonly(board) && movableElements.length && !isPreventTouchMove(board) && isMainPointer(event)) {
+        if (!PlaitBoard.isReadonly(board) &&
+            PlaitBoard.isPointer(board, PlaitPointerType.selection) &&
+            movableElements.length &&
+            !isPreventTouchMove(board) &&
+            isMainPointer(event)) {
             startPoint = point;
             const selectedMovableElements = getSelectedElements(board).filter(item => movableElements.includes(item));
             const hitElement = getHitElementByPoint(board, point);
@@ -3941,8 +4041,10 @@ class PlaitBoardComponent {
             activeHost: elementActiveHost
         });
         BOARD_TO_ON_CHANGE.set(this.board, () => {
+            this.update();
+        });
+        BOARD_TO_AFTER_CHANGE.set(this.board, () => {
             this.ngZone.run(() => {
-                this.detect();
                 const changeEvent = {
                     children: this.board.children,
                     operations: this.board.operations,
@@ -3959,7 +4061,7 @@ class PlaitBoardComponent {
     ngAfterContentInit() {
         this.initializeIslands();
     }
-    detect() {
+    update() {
         this.effect = {};
         this.cdr.detectChanges();
     }
@@ -4429,5 +4531,5 @@ function createModModifierKeys() {
  * Generated bundle index. Do not edit.
  */
 
-export { A, ACTIVE_MOVING_CLASS_NAME, 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, CursorClass, 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, RgbaToHEX, 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 };
+export { A, ACTIVE_MOVING_CLASS_NAME, ACTIVE_STROKE_WIDTH, ALT, APOSTROPHE, ATTACHED_ELEMENT_CLASS_NAME, AT_SIGN, B, BACKSLASH, BACKSPACE, BOARD_TO_AFTER_CHANGE, 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, CursorClass, 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, RgbaToHEX, 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, isHandleSelection, isInPlaitBoard, isLineHitLine, isMainPointer, isMovingElements, isNullOrUndefined, isPointInEllipse, isPointInPolygon, isPointInRoundRectangle, isPolylineHitRectangle, isPreventTouchMove, isSecondaryPointer, isSelectedElement, isSelectionMoving, isSetSelectionOperation, isSetViewportOperation, normalizePoint, preventTouchMove, removeMovingElements, removeSelectedElement, rotate, scrollToRectangle, setClipboardData, setClipboardDataByMedia, setClipboardDataByText, setIsFromScrolling, setIsFromViewportChange, setPathStrokeLinecap, setSVGViewBox, setSelectionMoving, setStrokeLinecap, shouldClear, shouldMerge, shouldSave, temporaryDisableSelection, throttleRAF, toImage, toPoint, toSVGScreenPoint, toScreenPoint, transformPoint, transformPoints, updateForeignObject, updateForeignObjectWidth, updateViewportByScrolling, updateViewportContainerScroll, updateViewportOffset, updateViewportOrigination, withMoving, withOptions, withSelection };
 //# sourceMappingURL=plait-core.mjs.map