@plait/core 0.48.0 → 0.50.0

package/fesm2022/plait-core.mjs

@@ -321,7 +321,6 @@ const ATTACHED_ELEMENT_CLASS_NAME = 'plait-board-attached';
 const ACTIVE_STROKE_WIDTH = 1;
 const SELECTION_RECTANGLE_CLASS_NAME = 'selection-rectangle';
 
-const CLIP_BOARD_FORMAT_KEY = 'x-plait-fragment';
 const HOST_CLASS_NAME = 'plait-board-container';
 const ACTIVE_MOVING_CLASS_NAME = 'active-with-moving';
 const SCROLL_BAR_WIDTH = 20;
@@ -335,27 +334,6 @@ const POINTER_BUTTON = {
 const PRESS_AND_MOVE_BUFFER = 3;
 
 const NS = 'http://www.w3.org/2000/svg';
-/**
- * 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;
@@ -838,20 +816,6 @@ const catmullRomFitting = function (points) {
     return result;
 };
 
-function transformPoints(board, points) {
-    const newPoints = points.map(point => {
-        return transformPoint(board, point);
-    });
-    return newPoints;
-}
-function transformPoint(board, point) {
-    const { width, height } = PlaitBoard.getHost(board).getBoundingClientRect();
-    const viewBox = PlaitBoard.getHost(board).viewBox.baseVal;
-    const x = (point[0] / width) * viewBox.width + viewBox.x;
-    const y = (point[1] / height) * viewBox.height + viewBox.y;
-    const newPoint = [x, y];
-    return newPoint;
-}
 function isInPlaitBoard(board, x, y) {
     const plaitBoardElement = PlaitBoard.getBoardContainer(board);
     const plaitBoardRect = plaitBoardElement.getBoundingClientRect();
@@ -1246,13 +1210,13 @@ const updatePointerType = (board, pointer) => {
 };
 function updateZoom(board, newZoom, isCenter = true) {
     newZoom = clampZoomLevel(newZoom);
-    const mousePoint = PlaitBoard.getMovingPointInBoard(board);
+    const movingPoint = 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);
+    if (!isCenter && movingPoint && distanceBetweenPointAndRectangle(movingPoint[0], movingPoint[1], nativeElementRect) === 0) {
+        focusPoint = [movingPoint[0] - nativeElementRect.x, movingPoint[1] - nativeElementRect.y];
     }
     const zoom = board.viewport.zoom;
     const origination = getViewportOrigination(board);
@@ -1340,15 +1304,56 @@ const BoardTransforms = {
     fitViewportWidth
 };
 
-const IS_FROM_SCROLLING = new WeakMap();
-const IS_FROM_VIEWPORT_CHANGE = new WeakMap();
-function toSVGScreenPoint(board, point) {
+const getViewBox = (board) => {
+    return PlaitBoard.getHost(board).viewBox.baseVal;
+};
+/**
+ * Get the screen point starting from the upper left corner of the svg element (based on the svg screen coordinate system)
+ */
+function toHostPoint(board, x, y) {
+    const host = PlaitBoard.getHost(board);
+    const rect = host.getBoundingClientRect();
+    return [x - rect.x, y - rect.y];
+}
+/**
+ * Get the point in the coordinate system of the svg viewBox
+ */
+function toViewBoxPoint(board, hostPoint) {
+    const viewBox = getViewBox(board);
+    const { zoom } = board.viewport;
+    const x = hostPoint[0] / zoom + viewBox.x;
+    const y = hostPoint[1] / zoom + viewBox.y;
+    const newPoint = [x, y];
+    return newPoint;
+}
+function toViewBoxPoints(board, hostPoints) {
+    const newPoints = hostPoints.map(point => {
+        return toViewBoxPoint(board, point);
+    });
+    return newPoints;
+}
+/**
+ * `toHostPoint` reverse processing
+ * Get the screen point starting from the upper left corner of the browser window or the viewport (based on the screen coordinate system)
+ */
+function toScreenPointFromHostPoint(board, hostPoint) {
+    const host = PlaitBoard.getHost(board);
+    const rect = host.getBoundingClientRect();
+    return [hostPoint[0] + rect.x, hostPoint[1] + rect.y];
+}
+/**
+ * `toViewBoxPoint` reverse processing
+ */
+function toHostPointFromViewBoxPoint(board, viewBoxPoint) {
     const { zoom } = board.viewport;
-    const viewBox = getViewBox(board, zoom);
-    const x = (point[0] - viewBox[0]) * zoom;
-    const y = (point[1] - viewBox[1]) * zoom;
+    const viewBox = getViewBox(board);
+    const x = (viewBoxPoint[0] - viewBox.x) * zoom;
+    const y = (viewBoxPoint[1] - viewBox.y) * zoom;
     return [x, y];
 }
+
+const IS_FROM_SCROLLING = new WeakMap();
+const IS_FROM_VIEWPORT_CHANGE = new WeakMap();
 function getViewportContainerRect(board) {
     const { hideScrollbar } = board.options;
     const scrollBarWidth = hideScrollbar ? SCROLL_BAR_WIDTH : 0;
@@ -1395,16 +1400,12 @@ function getElementHostBBox(board, zoom) {
     };
 }
 /**
- * 验证缩放比是否符合限制，如果超出限制，则返回合适的缩放比
- * @param zoom 缩放比
- * @param minZoom 最小缩放比
- * @param maxZoom 最大缩放比
- * @returns 正确的缩放比
+ * Normalize the scaling ratio, or return the corrected scaling ratio if the limit is exceeded
  */
 function clampZoomLevel(zoom, minZoom = MIN_ZOOM, maxZoom = MAX_ZOOM) {
     return zoom < minZoom ? minZoom : zoom > maxZoom ? maxZoom : zoom;
 }
-function getViewBox(board, zoom) {
+function calcNewViewBox(board, zoom) {
     const boardContainerRectangle = PlaitBoard.getBoardContainer(board).getBoundingClientRect();
     const elementHostBBox = getElementHostBBox(board, zoom);
     const horizontalPadding = boardContainerRectangle.width / 2;
@@ -1436,7 +1437,7 @@ function updateViewportOffset(board) {
     if (!origination) {
         return;
     }
-    const [scrollLeft, scrollTop] = toSVGScreenPoint(board, origination);
+    const [scrollLeft, scrollTop] = toHostPointFromViewBoxPoint(board, origination);
     updateViewportContainerScroll(board, scrollLeft, scrollTop);
 }
 function updateViewportContainerScroll(board, left, top, isFromViewportChange = true) {
@@ -1467,9 +1468,7 @@ function updateViewportContainerScroll(board, left, top, isFromViewportChange =
     }
 }
 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]];
+    const origination = toViewBoxPoint(board, [scrollLeft, scrollTop]);
     if (Point.isEquals(origination, getViewportOrigination(board))) {
         return;
     }
@@ -1484,14 +1483,14 @@ function initializeViewportContainer(board) {
 }
 function initializeViewBox(board) {
     const zoom = board.viewport.zoom;
-    const viewBox = getViewBox(board, zoom);
+    const viewBox = calcNewViewBox(board, zoom);
     setSVGViewBox(board, viewBox);
 }
 function initializeViewportOffset(board) {
     if (!board.viewport?.origination) {
         const zoom = board.viewport.zoom;
         const viewportContainerRect = PlaitBoard.getBoardContainer(board).getBoundingClientRect();
-        const viewBox = getViewBox(board, zoom);
+        const viewBox = calcNewViewBox(board, zoom);
         const centerX = viewBox[0] + viewBox[2] / 2;
         const centerY = viewBox[1] + viewBox[3] / 2;
         const origination = [centerX - viewportContainerRect.width / 2 / zoom, centerY - viewportContainerRect.height / 2 / zoom];
@@ -1789,48 +1788,198 @@ function downloadImage(url, name) {
     a.remove();
 }
 
-const getClipboardByKey = (key) => {
-    return `application/x-plait-${key}-fragment`;
+var WritableClipboardType;
+(function (WritableClipboardType) {
+    WritableClipboardType["medias"] = "medias";
+    WritableClipboardType["elements"] = "elements";
+})(WritableClipboardType || (WritableClipboardType = {}));
+
+const buildPlaitHtml = (type, data) => {
+    const stringifiedClipboard = JSON.stringify({
+        type,
+        data
+    });
+    return `<plait>${stringifiedClipboard}</plait>`;
 };
-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?.setData(`application/${CLIP_BOARD_FORMAT_KEY}`, encoded);
+const getClipboardFromHtml = (html) => {
+    const plaitString = html?.match(/<plait[^>]*>(.*)<\/plait>/)?.[1];
+    if (plaitString) {
+        try {
+            const plaitJson = JSON.parse(plaitString);
+            if (plaitJson) {
+                if (plaitJson.type === WritableClipboardType.elements) {
+                    return {
+                        elements: plaitJson.data
+                    };
+                }
+                else if (plaitJson.type === WritableClipboardType.medias) {
+                    return {
+                        medias: plaitJson.data
+                    };
+                }
+            }
+        }
+        catch (error) {
+            console.error(error);
+            return null;
+        }
+    }
+    return null;
+};
+const stripHtml = (html) => {
+    // See <https://github.com/developit/preact-markup/blob/4788b8d61b4e24f83688710746ee36e7464f7bbc/src/parse-markup.js#L60-L69>
+    const doc = document.implementation.createHTMLDocument('');
+    doc.documentElement.innerHTML = html.trim();
+    return doc.body.textContent || doc.body.innerText || '';
+};
+const getProbablySupportsClipboardWrite = () => {
+    return 'clipboard' in navigator && 'write' in navigator.clipboard;
+};
+const getProbablySupportsClipboardRead = () => {
+    return 'clipboard' in navigator && 'read' in navigator.clipboard;
+};
+const createClipboardContext = (type, data, text) => {
+    return {
+        type,
+        data,
+        text
+    };
+};
+const addClipboardContext = (clipboardContext, addition) => {
+    const { type, data, text } = clipboardContext;
+    if (type === addition.type) {
+        return {
+            type,
+            data: data.concat(addition.data),
+            text: text + ' ' + addition.text
+        };
+    }
+    return clipboardContext;
 };
-const setClipboardDataByText = (data, text) => {
-    const pluginContextResult = getTextFromClipboard(data);
-    data?.setData(`text/plain`, text + '\n' + pluginContextResult);
+
+const setDataTransferClipboard = (dataTransfer, type, data) => {
+    dataTransfer?.setData(`text/html`, buildPlaitHtml(type, data));
 };
-const setClipboardDataByMedia = (data, media, key) => {
-    const stringObj = JSON.stringify(media);
-    const encoded = window.btoa(encodeURIComponent(stringObj));
-    data?.setData(getClipboardByKey(key), encoded);
+const setDataTransferClipboardText = (data, text) => {
+    data?.setData(`text/plain`, text);
 };
-const getDataFromClipboard = (data) => {
-    const encoded = data?.getData(`application/${CLIP_BOARD_FORMAT_KEY}`);
-    let nodesData = [];
-    if (encoded) {
-        const decoded = decodeURIComponent(window.atob(encoded));
-        nodesData = JSON.parse(decoded);
-    }
-    return nodesData;
+const getDataTransferClipboard = (data) => {
+    const html = data?.getData(`text/html`);
+    if (html) {
+        const htmlClipboardData = getClipboardFromHtml(html);
+        if (htmlClipboardData) {
+            return htmlClipboardData;
+        }
+    }
+    return {};
 };
-const getTextFromClipboard = (data) => {
+const getDataTransferClipboardText = (data) => {
     return (data ? data.getData(`text/plain`) : '');
 };
-const getClipboardDataByMedia = (data, key) => {
-    const encoded = data?.getData(getClipboardByKey(key));
-    let imageItem = null;
-    if (encoded) {
-        const decoded = decodeURIComponent(window.atob(encoded));
-        imageItem = JSON.parse(decoded);
-    }
-    return imageItem;
+
+const setNavigatorClipboard = async (type, data, text = '') => {
+    let textClipboard = text;
+    if ('clipboard' in navigator && 'write' in navigator.clipboard) {
+        if (navigator.clipboard && typeof navigator.clipboard.write === 'function') {
+            await navigator.clipboard.write([
+                new ClipboardItem({
+                    'text/html': new Blob([buildPlaitHtml(type, data)], {
+                        type: 'text/html'
+                    }),
+                    'text/plain': new Blob([JSON.stringify(textClipboard ?? data)], { type: 'text/plain' })
+                })
+            ]);
+        }
+    }
+};
+const getNavigatorClipboard = async () => {
+    if (!('clipboard' in navigator && 'read' in navigator.clipboard)) {
+        return {};
+    }
+    const clipboardItems = await navigator.clipboard.read();
+    let clipboardData = {};
+    if (Array.isArray(clipboardItems) && clipboardItems[0] instanceof ClipboardItem) {
+        for (const item of clipboardItems) {
+            if (isFile(item)) {
+                const clipboardFiles = item.types.filter(type => type.match(/^image\//));
+                const fileBlobs = await Promise.all(clipboardFiles.map(type => item.getType(type)));
+                const urls = fileBlobs.filter(Boolean).map(blob => URL.createObjectURL(blob));
+                const files = await Promise.all(urls.map(async (url) => {
+                    const blob = await (await fetch(url)).blob();
+                    return new File([blob], 'plait-file', { type: blob.type });
+                }));
+                return {
+                    files
+                };
+            }
+            if (item.types.includes('text/html')) {
+                const htmlContent = await blobAsString(await item.getType('text/html'));
+                const htmlClipboardData = getClipboardFromHtml(htmlContent);
+                if (htmlClipboardData) {
+                    return htmlClipboardData;
+                }
+                if (htmlContent && htmlContent.trim()) {
+                    clipboardData = { text: stripHtml(htmlContent) };
+                }
+            }
+            if (item.types.includes('text/plain')) {
+                const textContent = await blobAsString(await item.getType('text/plain'));
+                clipboardData = {
+                    text: stripHtml(textContent)
+                };
+            }
+        }
+    }
+    return clipboardData;
+};
+const isFile = (item) => {
+    return item.types.find(i => i.match(/^image\//));
+};
+const blobAsString = (blob) => {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.addEventListener('loadend', () => {
+            const text = reader.result;
+            resolve(text);
+        });
+        reader.addEventListener('error', () => {
+            reject(reader.error);
+        });
+        reader.readAsText(blob);
+    });
+};
+
+const getClipboardData = async (dataTransfer) => {
+    let clipboardData = {};
+    if (dataTransfer) {
+        if (dataTransfer.files.length) {
+            return { files: Array.from(dataTransfer.files) };
+        }
+        clipboardData = getDataTransferClipboard(dataTransfer);
+        if (Object.keys(clipboardData).length === 0) {
+            clipboardData = {
+                text: getDataTransferClipboardText(dataTransfer)
+            };
+        }
+        return clipboardData;
+    }
+    if (getProbablySupportsClipboardRead()) {
+        return await getNavigatorClipboard();
+    }
+    return clipboardData;
+};
+const setClipboardData = async (dataTransfer, clipboardContext) => {
+    if (!clipboardContext) {
+        return;
+    }
+    const { type, data, text } = clipboardContext;
+    if (getProbablySupportsClipboardWrite()) {
+        return await setNavigatorClipboard(type, data, text);
+    }
+    if (dataTransfer) {
+        setDataTransferClipboard(dataTransfer, type, data);
+        setDataTransferClipboardText(dataTransfer, text);
+    }
 };
 
 const BOARD_TO_TOUCH_REF = new WeakMap();
@@ -2637,13 +2786,13 @@ function withSelection(board) {
         if (event.shiftKey && !isTextSelection) {
             event.preventDefault();
         }
-        const point = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
+        const point = toViewBoxPoint(board, toHostPoint(board, event.x, event.y));
         const hitElement = getHitElementByPoint(board, point);
         const options = board.getPluginOptions(PlaitPluginKey.withSelection);
         if (PlaitBoard.isPointer(board, PlaitPointerType.selection) && !hitElement && options.isMultiple && !options.isDisabledSelect) {
             preventTouchMove(board, event, true);
             // start rectangle selection
-            start = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
+            start = toViewBoxPoint(board, toHostPoint(board, event.x, event.y));
         }
         pointerDown(event);
     };
@@ -2653,7 +2802,7 @@ function withSelection(board) {
             event.preventDefault();
         }
         if (start && PlaitBoard.isPointer(board, PlaitPointerType.selection)) {
-            const movedTarget = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
+            const movedTarget = toViewBoxPoint(board, toHostPoint(board, event.x, event.y));
             const rectangle = RectangleClient.toRectangleClient([start, movedTarget]);
             selectionMovingG?.remove();
             if (Math.hypot(rectangle.width, rectangle.height) > PRESS_AND_MOVE_BUFFER || isSelectionMoving(board)) {
@@ -2683,7 +2832,7 @@ function withSelection(board) {
             pointerDown(event);
             return;
         }
-        const point = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
+        const point = toViewBoxPoint(board, toHostPoint(board, event.x, event.y));
         const selection = { anchor: point, focus: point };
         Transforms.setSelection(board, selection);
         pointerUp(event);
@@ -2975,7 +3124,9 @@ function createBoard(children, options) {
         globalKeydown: (event) => { },
         keyup: (event) => { },
         dblclick: (event) => { },
-        setFragment: (data) => { },
+        setFragment: (data, clipboardContext) => {
+            setClipboardData(data, clipboardContext);
+        },
         insertFragment: (data) => { },
         deleteFragment: (data) => {
             const elements = board.getDeletedFragment([]);
@@ -3569,8 +3720,7 @@ function withMoving(board) {
     let alignG = null;
     let activeElementsRectangle = null;
     board.pointerDown = (event) => {
-        const host = BOARD_TO_HOST.get(board);
-        const point = transformPoint(board, toPoint(event.x, event.y, host));
+        const point = toViewBoxPoint(board, toHostPoint(board, event.x, event.y));
         let movableElements = board.children.filter(item => board.isMovable(item));
         if (!PlaitBoard.isReadonly(board) &&
             PlaitBoard.isPointer(board, PlaitPointerType.selection) &&
@@ -3602,8 +3752,7 @@ function withMoving(board) {
                 isPreventDefault = true;
             }
             alignG?.remove();
-            const host = BOARD_TO_HOST.get(board);
-            const endPoint = transformPoint(board, toPoint(event.x, event.y, host));
+            const endPoint = toViewBoxPoint(board, toHostPoint(board, event.x, event.y));
             offsetX = endPoint[0] - startPoint[0];
             offsetY = endPoint[1] - startPoint[1];
             const distance = distanceBetweenPointAndPoint(...endPoint, ...startPoint);
@@ -4267,15 +4416,16 @@ class PlaitBoardComponent {
             const selectedElements = getSelectedElements(this.board);
             event.preventDefault();
             const rectangle = getRectangleByElements(this.board, selectedElements, false);
-            this.board.setFragment(event.clipboardData, rectangle, 'copy');
+            this.board.setFragment(event.clipboardData, null, rectangle, 'copy');
         });
         fromEvent(document, 'paste')
             .pipe(takeUntil(this.destroy$), filter(() => this.isFocused && !PlaitBoard.isReadonly(this.board) && !PlaitBoard.hasBeenTextEditing(this.board)))
-            .subscribe((clipboardEvent) => {
+            .subscribe(async (clipboardEvent) => {
             const mousePoint = PlaitBoard.getMovingPointInBoard(this.board);
             if (mousePoint) {
-                const targetPoint = transformPoint(this.board, toPoint(mousePoint[0], mousePoint[1], this.host));
-                this.board.insertFragment(clipboardEvent.clipboardData, targetPoint);
+                const targetPoint = toViewBoxPoint(this.board, toHostPoint(this.board, mousePoint[0], mousePoint[1]));
+                const clipboardData = await getClipboardData(clipboardEvent.clipboardData);
+                this.board.insertFragment(clipboardEvent.clipboardData, clipboardData, targetPoint);
             }
         });
         fromEvent(document, 'cut')
@@ -4284,7 +4434,7 @@ class PlaitBoardComponent {
             const selectedElements = getSelectedElements(this.board);
             event.preventDefault();
             const rectangle = getRectangleByElements(this.board, selectedElements, false);
-            this.board.setFragment(event.clipboardData, rectangle, 'cut');
+            this.board.setFragment(event.clipboardData, null, rectangle, 'cut');
             this.board.deleteFragment(event.clipboardData);
         });
     }
@@ -4613,5 +4763,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_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_DRAGGING, 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, isDragging, 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, setDragging, 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 };
+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, 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_DRAGGING, 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, WritableClipboardType, X, Y, Z, ZERO, addClipboardContext, addMovingElements, addSelectedElement, arrowPoints, buildPlaitHtml, cacheMovingElements, cacheSelectedElements, calcNewViewBox, catmullRomFitting, clampZoomLevel, clearNodeWeakMap, clearSelectedElement, clearSelectionMoving, clearViewportOrigination, createClipboardContext, 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, getClipboardData, getClipboardFromHtml, getDataTransferClipboard, getDataTransferClipboardText, getElementById, getElementHostBBox, getHitElementByPoint, getHitElementsBySelection, getIsRecursionFunc, getMovingElements, getNearestPointBetweenPointAndSegment, getNearestPointBetweenPointAndSegments, getProbablySupportsClipboardRead, getProbablySupportsClipboardWrite, getRealScrollBarWidth, getRectangleByElements, getSelectedElements, getTemporaryElements, getTemporaryRef, getViewBox, getViewBoxCenterPoint, getViewportContainerRect, getViewportOrigination, handleTouchTarget, hasBeforeContextChange, hasInputOrTextareaTarget, hasOnBoardChange, hasOnContextChanged, hotkeys, idCreator, initializeViewBox, initializeViewportContainer, initializeViewportOffset, inverse, isDOMElement, isDOMNode, isDragging, 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, setDataTransferClipboard, setDataTransferClipboardText, setDragging, setIsFromScrolling, setIsFromViewportChange, setPathStrokeLinecap, setSVGViewBox, setSelectionMoving, setStrokeLinecap, shouldClear, shouldMerge, shouldSave, stripHtml, temporaryDisableSelection, throttleRAF, toHostPoint, toHostPointFromViewBoxPoint, toImage, toScreenPointFromHostPoint, toViewBoxPoint, toViewBoxPoints, updateForeignObject, updateForeignObjectWidth, updateViewportByScrolling, updateViewportContainerScroll, updateViewportOffset, updateViewportOrigination, withMoving, withOptions, withSelection };
 //# sourceMappingURL=plait-core.mjs.map