@plait/core 0.22.0 → 0.24.0-next.0

package/fesm2015/plait-core.mjs

@@ -28,6 +28,7 @@ const BOARD_TO_IS_SELECTION_MOVING = new WeakMap();
 // save no standard selected elements
 const BOARD_TO_TEMPORARY_ELEMENTS = new WeakMap();
 const BOARD_TO_MOVING_ELEMENT = new WeakMap();
+const IS_PREVENT_TOUCH_MOVE = new WeakMap();
 const PATH_REFS = new WeakMap();
 
 function depthFirstRecursion(node, callback, recursion, isReverse) {
@@ -232,13 +233,13 @@ const PlaitBoard = {
         var _a;
         return (_a = BOARD_TO_ELEMENT_HOST.get(board)) === null || _a === void 0 ? void 0 : _a.host;
     },
-    getElementHostUp(board) {
+    getElementUpperHost(board) {
         var _a;
-        return (_a = BOARD_TO_ELEMENT_HOST.get(board)) === null || _a === void 0 ? void 0 : _a.hostUp;
+        return (_a = BOARD_TO_ELEMENT_HOST.get(board)) === null || _a === void 0 ? void 0 : _a.upperHost;
     },
-    getElementHostActive(board) {
+    getElementActiveHost(board) {
         var _a;
-        return (_a = BOARD_TO_ELEMENT_HOST.get(board)) === null || _a === void 0 ? void 0 : _a.hostActive;
+        return (_a = BOARD_TO_ELEMENT_HOST.get(board)) === null || _a === void 0 ? void 0 : _a.activeHost;
     },
     getRoughSVG(board) {
         return BOARD_TO_ROUGH_SVG.get(board);
@@ -270,6 +271,10 @@ const PlaitBoard = {
     isPointer(board, pointer) {
         return board.pointer === pointer;
     },
+    isInPointer(board, pointers) {
+        const point = board.pointer;
+        return pointers.includes(point);
+    },
     getMovingPointInBoard(board) {
         return BOARD_TO_MOVING_POINT_IN_BOARD.get(board);
     },
@@ -874,7 +879,6 @@ var ResizeCursorClass;
 const ATTACHED_ELEMENT_CLASS_NAME = 'plait-board-attached';
 
 const CLIP_BOARD_FORMAT_KEY = 'x-plait-fragment';
-const CLIP_BOARD_IMAGE_FORMAT_KEY = 'x-plait-image-fragment';
 const HOST_CLASS_NAME = 'plait-board-container';
 const SCROLL_BAR_WIDTH = 20;
 const MAX_RADIUS = 16;
@@ -1571,6 +1575,57 @@ function downloadImage(url, name) {
     a.remove();
 }
 
+const getClipboardByKey = (key) => {
+    return `application/x-plait-${key}-fragment`;
+};
+const setClipboardData = (data, elements) => {
+    const result = [...elements];
+    const pluginContextResult = getDataFromClipboard(data);
+    if (pluginContextResult) {
+        result.push(...pluginContextResult);
+    }
+    const stringObj = JSON.stringify(result);
+    const encoded = window.btoa(encodeURIComponent(stringObj));
+    data === null || data === void 0 ? void 0 : data.setData(`application/${CLIP_BOARD_FORMAT_KEY}`, encoded);
+};
+const setClipboardDataByText = (data, text) => {
+    const pluginContextResult = getTextFromClipboard(data);
+    data === null || data === void 0 ? void 0 : data.setData(`text/plain`, text + '\n' + pluginContextResult);
+};
+const setClipboardDataByMedia = (data, media, key) => {
+    const stringObj = JSON.stringify(media);
+    const encoded = window.btoa(encodeURIComponent(stringObj));
+    data === null || data === void 0 ? void 0 : data.setData(getClipboardByKey(key), encoded);
+};
+const getDataFromClipboard = (data) => {
+    const encoded = data === null || data === void 0 ? void 0 : data.getData(`application/${CLIP_BOARD_FORMAT_KEY}`);
+    let nodesData = [];
+    if (encoded) {
+        const decoded = decodeURIComponent(window.atob(encoded));
+        nodesData = JSON.parse(decoded);
+    }
+    return nodesData;
+};
+const getTextFromClipboard = (data) => {
+    return (data ? data.getData(`text/plain`) : '');
+};
+const getClipboardDataByMedia = (data, key) => {
+    const encoded = data === null || data === void 0 ? void 0 : data.getData(getClipboardByKey(key));
+    let imageItem = null;
+    if (encoded) {
+        const decoded = decodeURIComponent(window.atob(encoded));
+        imageItem = JSON.parse(decoded);
+    }
+    return imageItem;
+};
+
+const isPreventTouchMove = (board) => {
+    return !!IS_PREVENT_TOUCH_MOVE.get(board);
+};
+const preventTouchMove = (board, state) => {
+    IS_PREVENT_TOUCH_MOVE.set(board, state);
+};
+
 const PlaitElement = {
     isRootElement(value) {
         const parent = NODE_TO_PARENT.get(value);
@@ -2082,7 +2137,15 @@ function createBoard(children, options) {
         isRecursion: element => true,
         isMovable: element => false,
         getRectangle: element => null,
-        applyTheme: (element) => { }
+        applyTheme: (element) => { },
+        pointerDown: (pointer) => { },
+        pointerMove: (pointer) => { },
+        pointerUp: (pointer) => { },
+        pointerCancel: (pointer) => { },
+        pointerOut: (pointer) => { },
+        pointerLeave: (pointer) => { },
+        globalPointerMove: (pointer) => { },
+        globalPointerUp: (pointer) => { },
     };
     return board;
 }
@@ -2238,7 +2301,7 @@ function withHandPointer(board) {
 }
 
 function withSelection(board) {
-    const { mousedown, globalMousemove, globalMouseup, onChange } = board;
+    const { pointerDown, globalPointerMove, globalPointerUp, onChange } = board;
     let start = null;
     let end = null;
     let selectionMovingG;
@@ -2246,12 +2309,12 @@ function withSelection(board) {
     let previousSelectedElements;
     // prevent text from being selected when user pressed main pointer and is moving
     let needPreventNativeSelectionWhenMoving = false;
-    board.mousedown = (event) => {
+    board.pointerDown = (event) => {
         if (event.target instanceof Element && !event.target.closest('.plait-richtext-container')) {
             needPreventNativeSelectionWhenMoving = true;
         }
         if (!isMainPointer(event)) {
-            mousedown(event);
+            pointerDown(event);
             return;
         }
         const options = board.getPluginOptions(PlaitPluginKey.withSelection);
@@ -2260,7 +2323,7 @@ function withSelection(board) {
         const hitElements = getHitElements(board, { ranges: [range] });
         const selectedElements = getSelectedElements(board);
         if (hitElements.length === 1 && selectedElements.includes(hitElements[0]) && !options.isDisabledSelect) {
-            mousedown(event);
+            pointerDown(event);
             return;
         }
         if (PlaitBoard.isPointer(board, PlaitPointerType.selection) &&
@@ -2268,13 +2331,15 @@ function withSelection(board) {
             options.isMultiple &&
             !options.isDisabledSelect) {
             start = point;
+            preventTouchMove(board, true);
         }
         Transforms.setSelection(board, { ranges: [range] });
-        mousedown(event);
+        pointerDown(event);
     };
-    board.globalMousemove = (event) => {
+    board.globalPointerMove = (event) => {
         if (needPreventNativeSelectionWhenMoving) {
-            preventNativeSelection(board, event);
+            // prevent text from being selected
+            event.preventDefault();
         }
         if (start) {
             const movedTarget = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
@@ -2298,9 +2363,9 @@ function withSelection(board) {
                 PlaitBoard.getHost(board).append(selectionMovingG);
             }
         }
-        globalMousemove(event);
+        globalPointerMove(event);
     };
-    board.globalMouseup = (event) => {
+    board.globalPointerUp = (event) => {
         if (start && end) {
             selectionMovingG === null || selectionMovingG === void 0 ? void 0 : selectionMovingG.remove();
             clearSelectionMoving(board);
@@ -2319,7 +2384,8 @@ function withSelection(board) {
         start = null;
         end = null;
         needPreventNativeSelectionWhenMoving = false;
-        globalMouseup(event);
+        preventTouchMove(board, false);
+        globalPointerUp(event);
     };
     board.onChange = () => {
         const options = board.getPluginOptions(PlaitPluginKey.withSelection);
@@ -2404,12 +2470,6 @@ function createSelectionOuterG(board, selectElements) {
         fillStyle: 'solid'
     });
 }
-/**
- * prevent text from being selected
- */
-const preventNativeSelection = (board, event) => {
-    event.preventDefault();
-};
 
 function withViewport(board) {
     const { onChange } = board;
@@ -2465,7 +2525,7 @@ function withMoving(board) {
         mousedown(event);
     };
     board.mousemove = event => {
-        if (startPoint && (activeElements === null || activeElements === void 0 ? void 0 : activeElements.length) && !PlaitBoard.hasBeenTextEditing(board)) {
+        if (startPoint && activeElements.length && !PlaitBoard.hasBeenTextEditing(board)) {
             if (!isPreventDefault) {
                 isPreventDefault = true;
             }
@@ -2477,10 +2537,12 @@ function withMoving(board) {
             if (Math.abs(offsetX) > offsetBuffer || Math.abs(offsetY) > offsetBuffer) {
                 throttleRAF(() => {
                     const currentElements = activeElements.map(activeElement => {
-                        const [x, y] = activeElement === null || activeElement === void 0 ? void 0 : activeElement.points[0];
+                        const points = activeElement.points || [];
+                        const [x, y] = activeElement.points[0];
+                        const newPoints = points.map(p => [p[0] + offsetX, p[1] + offsetY]);
                         const index = board.children.findIndex(item => item.id === activeElement.id);
                         Transforms.setNode(board, {
-                            points: [[x + offsetX, y + offsetY]]
+                            points: newPoints
                         }, [index]);
                         MERGING.set(board, true);
                         return PlaitNode.get(board, [index]);
@@ -2828,8 +2890,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
             }] } });
 
 const ElementHostClass = 'element-host';
-const ElementHostUpClass = 'element-host-up';
-const ElementHostActiveClass = 'element-host-active';
+const ElementUpperHostClass = 'element-upper-host';
+const ElementActiveHostClass = 'element-active-host';
 class PlaitBoardComponent {
     get host() {
         return this.svg.nativeElement;
@@ -2879,8 +2941,8 @@ class PlaitBoardComponent {
     }
     ngOnInit() {
         const elementHost = this.host.querySelector(`.${ElementHostClass}`);
-        const elementHostUp = this.host.querySelector(`.${ElementHostUpClass}`);
-        const elementHostActive = this.host.querySelector(`.${ElementHostActiveClass}`);
+        const elementUpperHost = this.host.querySelector(`.${ElementUpperHostClass}`);
+        const elementActiveHost = this.host.querySelector(`.${ElementActiveHostClass}`);
         const roughSVG = rough.svg(this.host, {
             options: { roughness: 0, strokeWidth: 1 }
         });
@@ -2901,8 +2963,8 @@ class PlaitBoardComponent {
         BOARD_TO_HOST.set(this.board, this.host);
         BOARD_TO_ELEMENT_HOST.set(this.board, {
             host: elementHost,
-            hostUp: elementHostUp,
-            hostActive: elementHostActive
+            upperHost: elementUpperHost,
+            activeHost: elementActiveHost
         });
         BOARD_TO_ON_CHANGE.set(this.board, () => {
             this.ngZone.run(() => {
@@ -2963,34 +3025,67 @@ class PlaitBoardComponent {
             .subscribe((event) => {
             this.board.mousedown(event);
         });
+        fromEvent(this.host, 'pointerdown')
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((event) => {
+            this.board.pointerDown(event);
+        });
         fromEvent(this.host, 'mousemove')
             .pipe(takeUntil(this.destroy$))
             .subscribe((event) => {
             BOARD_TO_MOVING_POINT_IN_BOARD.set(this.board, [event.x, event.y]);
             this.board.mousemove(event);
         });
+        fromEvent(this.host, 'pointermove')
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((event) => {
+            BOARD_TO_MOVING_POINT_IN_BOARD.set(this.board, [event.x, event.y]);
+            this.board.pointerMove(event);
+        });
         fromEvent(this.host, 'mouseleave')
             .pipe(takeUntil(this.destroy$))
             .subscribe((event) => {
             BOARD_TO_MOVING_POINT_IN_BOARD.delete(this.board);
             this.board.mouseleave(event);
         });
+        fromEvent(this.host, 'pointerleave')
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((event) => {
+            BOARD_TO_MOVING_POINT_IN_BOARD.delete(this.board);
+            this.board.pointerLeave(event);
+        });
         fromEvent(document, 'mousemove')
             .pipe(takeUntil(this.destroy$))
             .subscribe((event) => {
             BOARD_TO_MOVING_POINT.set(this.board, [event.x, event.y]);
             this.board.globalMousemove(event);
         });
+        fromEvent(document, 'pointermove')
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((event) => {
+            BOARD_TO_MOVING_POINT.set(this.board, [event.x, event.y]);
+            this.board.globalPointerMove(event);
+        });
         fromEvent(this.host, 'mouseup')
             .pipe(takeUntil(this.destroy$))
             .subscribe((event) => {
             this.board.mouseup(event);
         });
+        fromEvent(this.host, 'pointerup')
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((event) => {
+            this.board.pointerUp(event);
+        });
         fromEvent(document, 'mouseup')
             .pipe(takeUntil(this.destroy$))
             .subscribe((event) => {
             this.board.globalMouseup(event);
         });
+        fromEvent(document, 'pointerup')
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((event) => {
+            this.board.globalPointerUp(event);
+        });
         fromEvent(this.host, 'dblclick')
             .pipe(takeUntil(this.destroy$), filter(() => this.isFocused && !PlaitBoard.hasBeenTextEditing(this.board)))
             .subscribe((event) => {
@@ -3001,8 +3096,11 @@ class PlaitBoardComponent {
             this.board.globalKeydown(event);
         }), filter(event => this.isFocused && !PlaitBoard.hasBeenTextEditing(this.board) && !hasInputOrTextareaTarget(event.target)))
             .subscribe((event) => {
-            var _a;
-            (_a = this.board) === null || _a === void 0 ? void 0 : _a.keydown(event);
+            const selectedElements = getSelectedElements(this.board);
+            if (selectedElements.length > 0 && (hotkeys.isDeleteBackward(event) || hotkeys.isDeleteForward(event))) {
+                this.board.deleteFragment(null);
+            }
+            this.board.keydown(event);
         });
         fromEvent(document, 'keyup')
             .pipe(takeUntil(this.destroy$), filter(() => this.isFocused && !PlaitBoard.hasBeenTextEditing(this.board)))
@@ -3013,9 +3111,12 @@ class PlaitBoardComponent {
         fromEvent(document, 'copy')
             .pipe(takeUntil(this.destroy$), filter(() => this.isFocused && !PlaitBoard.hasBeenTextEditing(this.board)))
             .subscribe((event) => {
-            var _a;
-            event.preventDefault();
-            (_a = this.board) === null || _a === void 0 ? void 0 : _a.setFragment(event.clipboardData);
+            const selectedElements = getSelectedElements(this.board);
+            if (selectedElements.length > 0) {
+                event.preventDefault();
+                const rectangle = getRectangleByElements(this.board, selectedElements, false);
+                this.board.setFragment(event.clipboardData, rectangle);
+            }
         });
         fromEvent(document, 'paste')
             .pipe(takeUntil(this.destroy$), filter(() => this.isFocused && !PlaitBoard.isReadonly(this.board) && !PlaitBoard.hasBeenTextEditing(this.board)))
@@ -3029,10 +3130,13 @@ class PlaitBoardComponent {
         fromEvent(document, 'cut')
             .pipe(takeUntil(this.destroy$), filter(() => this.isFocused && !PlaitBoard.isReadonly(this.board) && !PlaitBoard.hasBeenTextEditing(this.board)))
             .subscribe((event) => {
-            var _a, _b;
-            event.preventDefault();
-            (_a = this.board) === null || _a === void 0 ? void 0 : _a.setFragment(event.clipboardData);
-            (_b = this.board) === null || _b === void 0 ? void 0 : _b.deleteFragment(event.clipboardData);
+            const selectedElements = getSelectedElements(this.board);
+            if (selectedElements.length > 0) {
+                event.preventDefault();
+                const rectangle = getRectangleByElements(this.board, selectedElements, false);
+                this.board.setFragment(event.clipboardData, rectangle);
+                this.board.deleteFragment(event.clipboardData);
+            }
         });
     }
     viewportScrollListener() {
@@ -3057,6 +3161,13 @@ class PlaitBoardComponent {
                 setIsFromScrolling(this.board, true);
             });
         });
+        this.ngZone.runOutsideAngular(() => {
+            fromEvent(this.viewportContainer.nativeElement, 'touchmove', { passive: false }).subscribe((event) => {
+                if (isPreventTouchMove(this.board)) {
+                    event.preventDefault();
+                }
+            });
+        });
     }
     elementResizeListener() {
         this.resizeObserver = new ResizeObserver(() => {
@@ -3105,8 +3216,8 @@ PlaitBoardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
         <div class="viewport-container" #viewportContainer>
             <svg #svg width="100%" height="100%" style="position: relative;" class="board-host-svg">
                 <g class="element-host"></g>
-                <g class="element-host-up"></g>
-                <g class="element-host-active"></g>
+                <g class="element-upper-host"></g>
+                <g class="element-active-host"></g>
             </svg>
             <plait-children [board]="board" [effect]="effect"></plait-children>
         </div>
@@ -3120,8 +3231,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
         <div class="viewport-container" #viewportContainer>
             <svg #svg width="100%" height="100%" style="position: relative;" class="board-host-svg">
                 <g class="element-host"></g>
-                <g class="element-host-up"></g>
-                <g class="element-host-active"></g>
+                <g class="element-upper-host"></g>
+                <g class="element-active-host"></g>
             </svg>
             <plait-children [board]="board" [effect]="effect"></plait-children>
         </div>
@@ -3343,5 +3454,5 @@ function createModModifierKeys() {
  * Generated bundle index. Do not edit.
  */
 
-export { A, 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_VIEWPORT_ORIGINATION, BoardTransforms, C, CAPS_LOCK, CLIP_BOARD_FORMAT_KEY, CLIP_BOARD_IMAGE_FORMAT_KEY, CLOSE_SQUARE_BRACKET, COMMA, CONTEXT_MENU, CONTROL, ColorfulThemeColor, D, DASH, DELETE, DOWN_ARROW, DarkThemeColor, DefaultThemeColor, 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, PlaitChildrenElement, PlaitContextService, PlaitElement, PlaitElementComponent, PlaitHistoryBoard, PlaitIslandBaseComponent, PlaitIslandPopoverBaseComponent, PlaitModule, 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, 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, clampZoomLevel, clearNodeWeakMap, clearSelectedElement, clearSelectionMoving, clearViewportOrigination, createFakeEvent, createForeignObject, createG, createKeyboardEvent, createModModifierKeys, createMouseEvent, createPath, createPointerEvent, createSVG, createSelectionOuterG, createTestingBoard, createText, createTouchEvent, debounce, deleteTemporaryElements, depthFirstRecursion, distanceBetweenPointAndPoint, distanceBetweenPointAndRectangle, distanceBetweenPointAndSegment, downloadImage, drawArrow, drawBezierPath, drawCircle, drawLine, drawLinearPath, drawRoundRectangle, fakeNodeWeakMap, getBoardRectangle, getElementHostBBox, getHitElementOfRoot, getHitElements, getIsRecursionFunc, getMovingElements, getRealScrollBarWidth, getRectangleByElements, getSelectedElements, getTemporaryElements, getViewBox, getViewBoxCenterPoint, getViewportContainerRect, getViewportOrigination, hasBeforeContextChange, hasInputOrTextareaTarget, hasOnBoardChange, hasOnContextChanged, hotkeys, idCreator, initializeViewBox, initializeViewportContainer, initializeViewportOffset, inverse, isDOMElement, isDOMNode, isFromScrolling, isFromViewportChange, isHitElements, isInPlaitBoard, isMainPointer, isNullOrUndefined, isSecondaryPointer, isSelectedElement, isSelectionMoving, isSetViewportOperation, normalizePoint, preventNativeSelection, removeMovingElements, removeSelectedElement, rotate, scrollToRectangle, setIsFromScrolling, setIsFromViewportChange, setSVGViewBox, setSelectionMoving, shouldClear, shouldMerge, shouldSave, throttleRAF, toImage, toPoint, transformPoint, transformPoints, updateForeignObject, updateViewportContainerScroll, updateViewportOffset, updateViewportOrigination, withMoving, withOptions, withSelection };
+export { A, 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_VIEWPORT_ORIGINATION, BoardTransforms, C, CAPS_LOCK, CLIP_BOARD_FORMAT_KEY, CLOSE_SQUARE_BRACKET, COMMA, CONTEXT_MENU, CONTROL, ColorfulThemeColor, D, DASH, DELETE, DOWN_ARROW, DarkThemeColor, DefaultThemeColor, 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_PREVENT_TOUCH_MOVE, 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, PlaitChildrenElement, PlaitContextService, PlaitElement, PlaitElementComponent, PlaitHistoryBoard, PlaitIslandBaseComponent, PlaitIslandPopoverBaseComponent, PlaitModule, 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, 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, clampZoomLevel, clearNodeWeakMap, clearSelectedElement, clearSelectionMoving, clearViewportOrigination, createFakeEvent, createForeignObject, createG, createKeyboardEvent, createModModifierKeys, createMouseEvent, createPath, createPointerEvent, createSVG, createSelectionOuterG, createTestingBoard, createText, createTouchEvent, debounce, deleteTemporaryElements, depthFirstRecursion, distanceBetweenPointAndPoint, distanceBetweenPointAndRectangle, distanceBetweenPointAndSegment, downloadImage, drawArrow, drawBezierPath, drawCircle, drawLine, drawLinearPath, drawRoundRectangle, fakeNodeWeakMap, getBoardRectangle, getClipboardByKey, getClipboardDataByMedia, getDataFromClipboard, getElementHostBBox, getHitElementOfRoot, getHitElements, getIsRecursionFunc, getMovingElements, getRealScrollBarWidth, getRectangleByElements, getSelectedElements, getTemporaryElements, getTextFromClipboard, getViewBox, getViewBoxCenterPoint, getViewportContainerRect, getViewportOrigination, hasBeforeContextChange, hasInputOrTextareaTarget, hasOnBoardChange, hasOnContextChanged, hotkeys, idCreator, initializeViewBox, initializeViewportContainer, initializeViewportOffset, inverse, isDOMElement, isDOMNode, isFromScrolling, isFromViewportChange, isHitElements, isInPlaitBoard, isMainPointer, isNullOrUndefined, isPreventTouchMove, isSecondaryPointer, isSelectedElement, isSelectionMoving, isSetViewportOperation, normalizePoint, preventTouchMove, removeMovingElements, removeSelectedElement, rotate, scrollToRectangle, setClipboardData, setClipboardDataByMedia, setClipboardDataByText, setIsFromScrolling, setIsFromViewportChange, setSVGViewBox, setSelectionMoving, shouldClear, shouldMerge, shouldSave, throttleRAF, toImage, toPoint, transformPoint, transformPoints, updateForeignObject, updateViewportContainerScroll, updateViewportOffset, updateViewportOrigination, withMoving, withOptions, withSelection };
 //# sourceMappingURL=plait-core.mjs.map