@plait/core 0.10.0 → 0.12.0

package/fesm2015/plait-core.mjs

@@ -5,6 +5,7 @@ import { timer, Subject, fromEvent } from 'rxjs';
 import { takeUntil, filter, tap } from 'rxjs/operators';
 import produce, { createDraft, finishDraft, isDraft } from 'immer';
 import { isKeyHotkey, isHotkey } from 'is-hotkey';
+import { __awaiter } from 'tslib';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
@@ -28,10 +29,14 @@ const BOARD_TO_TEMPORARY_ELEMENTS = new WeakMap();
 const BOARD_TO_MOVING_ELEMENT = new WeakMap();
 const PATH_REFS = new WeakMap();
 
-function depthFirstRecursion(node, callback, recursion) {
-    var _a;
+function depthFirstRecursion(node, callback, recursion, isReverse) {
     if (!recursion || recursion(node)) {
-        (_a = node.children) === null || _a === void 0 ? void 0 : _a.forEach(child => {
+        let children = [];
+        if (node.children) {
+            children = [...node.children];
+        }
+        children = isReverse ? children.reverse() : children;
+        children.forEach(child => {
             depthFirstRecursion(child, callback, recursion);
         });
     }
@@ -173,7 +178,7 @@ const PlaitBoard = {
     getComponent(board) {
         return BOARD_TO_COMPONENT.get(board);
     },
-    getBoardNativeElement(board) {
+    getBoardContainer(board) {
         return PlaitBoard.getComponent(board).nativeElement;
     },
     getRectangle(board) {
@@ -765,10 +770,27 @@ function distanceBetweenPointAndRectangle(x, y, rect) {
     return Math.sqrt(dx * dx + dy * dy);
 }
 
+const SELECTION_BORDER_COLOR = '#6698FF';
+const SELECTION_FILL_COLOR = '#6698FF19'; // 主色 0.1 透明度
+const Selection = {
+    isCollapsed(selection) {
+        if (selection.anchor[0] == selection.focus[0] && selection.anchor[1] === selection.focus[1]) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+};
+
 const getHitElements = (board, selection) => {
     const realSelection = selection || board.selection;
     const selectedElements = [];
+    const isCollapsed = realSelection && realSelection.ranges.length === 1 && Selection.isCollapsed(realSelection.ranges[0]);
     depthFirstRecursion(board, node => {
+        if (selectedElements.length > 0 && isCollapsed) {
+            return;
+        }
         if (!PlaitBoard.isBoard(node) &&
             realSelection &&
             realSelection.ranges.some(range => {
@@ -783,10 +805,16 @@ const getHitElements = (board, selection) => {
         else {
             return false;
         }
-    });
+    }, true);
     return selectedElements;
 };
-const isIntersectionElements = (board, elements, ranges) => {
+const getHitElementOfRoot = (board, rootElements, range) => {
+    const newRootElements = [...rootElements].reverse();
+    return newRootElements.find(item => {
+        return board.isHitSelection(item, range);
+    });
+};
+const isHitElements = (board, elements, ranges) => {
     let isIntersectionElements = false;
     if (elements.length) {
         elements.map(item => {
@@ -919,11 +947,20 @@ function transformPoint(board, point) {
     return newPoint;
 }
 function isInPlaitBoard(board, x, y) {
-    const plaitBoardElement = PlaitBoard.getBoardNativeElement(board);
+    const plaitBoardElement = PlaitBoard.getBoardContainer(board);
     const plaitBoardRect = plaitBoardElement.getBoundingClientRect();
     const distances = distanceBetweenPointAndRectangle(x, y, plaitBoardRect);
     return distances === 0;
 }
+function getRealScrollBarWidth(board) {
+    const { hideScrollbar } = board.options;
+    let scrollBarWidth = 0;
+    if (!hideScrollbar) {
+        const viewportContainer = PlaitBoard.getViewportContainer(board);
+        scrollBarWidth = viewportContainer.offsetWidth - viewportContainer.clientWidth;
+    }
+    return scrollBarWidth;
+}
 
 function createForeignObject(x, y, width, height) {
     var newForeignObject = document.createElementNS(NS, 'foreignObject');
@@ -1284,6 +1321,112 @@ const cacheMovingElements = (board, elements) => {
     BOARD_TO_MOVING_ELEMENT.set(board, elements);
 };
 
+function cloneCSSStyle(nativeNode, clonedNode) {
+    const targetStyle = clonedNode.style;
+    if (!targetStyle) {
+        return;
+    }
+    const sourceStyle = window.getComputedStyle(nativeNode);
+    if (sourceStyle.cssText) {
+        targetStyle.cssText = sourceStyle.cssText;
+        targetStyle.transformOrigin = sourceStyle.transformOrigin;
+    }
+    else {
+        Array.from(sourceStyle).forEach(name => {
+            let value = sourceStyle.getPropertyValue(name);
+            targetStyle.setProperty(name, value, sourceStyle.getPropertyPriority(name));
+        });
+    }
+}
+function createCanvas(width, height, fillStyle) {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+    canvas.width = width;
+    canvas.height = height;
+    canvas.style.width = `${width}px`;
+    canvas.style.height = `${height}px`;
+    ctx.strokeStyle = '#ffffff';
+    ctx.fillStyle = fillStyle;
+    ctx.fillRect(0, 0, width, height);
+    return {
+        canvas,
+        ctx
+    };
+}
+function isElementNode(node) {
+    return node.nodeType === Node.ELEMENT_NODE;
+}
+function cloneSvg(board, options) {
+    const elementHostBox = getRectangleByElements(board, board.children, true);
+    const { width, height, x, y } = elementHostBox;
+    const { padding = 4, inlineStyleClassNames } = options;
+    const sourceSvg = PlaitBoard.getHost(board);
+    const cloneSvgElement = sourceSvg.cloneNode(true);
+    cloneSvgElement.style.width = `${width}px`;
+    cloneSvgElement.style.height = `${height}px`;
+    cloneSvgElement.style.backgroundColor = '';
+    cloneSvgElement.setAttribute('width', `${width}`);
+    cloneSvgElement.setAttribute('height', `${height}`);
+    cloneSvgElement.setAttribute('viewBox', [x - padding, y - padding, width + 2 * padding, height + 2 * padding].join(','));
+    if (inlineStyleClassNames) {
+        const sourceNodes = Array.from(sourceSvg.querySelectorAll(inlineStyleClassNames));
+        const cloneNodes = Array.from(cloneSvgElement.querySelectorAll(inlineStyleClassNames));
+        sourceNodes.forEach((node, index) => {
+            const cloneNode = cloneNodes[index];
+            const childElements = Array.from(node.querySelectorAll('*')).filter(isElementNode);
+            const cloneChildElements = Array.from(cloneNode.querySelectorAll('*')).filter(isElementNode);
+            sourceNodes.push(...childElements);
+            cloneNodes.push(...cloneChildElements);
+        });
+        sourceNodes.forEach((node, index) => {
+            const cloneNode = cloneNodes[index];
+            cloneCSSStyle(node, cloneNode);
+        });
+    }
+    return cloneSvgElement;
+}
+function loadImage(src) {
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.onload = () => resolve(img);
+        img.onerror = () => reject(new Error('Failed to load image'));
+        img.src = src;
+    });
+}
+function toImage(board, options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (!board) {
+            return undefined;
+        }
+        const elementHostBox = getRectangleByElements(board, board.children, true);
+        const { ratio = 2, fillStyle = 'transparent' } = options;
+        const { width, height } = elementHostBox;
+        const ratioWidth = width * ratio;
+        const ratioHeight = height * ratio;
+        const cloneSvgElement = cloneSvg(board, options);
+        const { canvas, ctx } = createCanvas(ratioWidth, ratioHeight, fillStyle);
+        const svgStr = new XMLSerializer().serializeToString(cloneSvgElement);
+        const imgSrc = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgStr)}`;
+        try {
+            const img = yield loadImage(imgSrc);
+            ctx.drawImage(img, 0, 0, ratioWidth, ratioHeight);
+            const url = canvas.toDataURL('image/png');
+            return url;
+        }
+        catch (error) {
+            console.error('Error converting SVG to image:', error);
+            return undefined;
+        }
+    });
+}
+function downloadImage(url, name) {
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = name;
+    a.click();
+    a.remove();
+}
+
 const PlaitElement = {
     isRootElement(value) {
         const parent = NODE_TO_PARENT.get(value);
@@ -1416,19 +1559,6 @@ const Point = {
     }
 };
 
-const SELECTION_BORDER_COLOR = '#6698FF';
-const SELECTION_FILL_COLOR = '#6698FF19'; // 主色 0.1 透明度
-const Selection = {
-    isCollapsed(selection) {
-        if (selection.anchor[0] == selection.focus[0] && selection.anchor[1] === selection.focus[1]) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-};
-
 const SAVING = new WeakMap();
 const MERGING = new WeakMap();
 
@@ -1442,7 +1572,7 @@ const IS_FROM_VIEWPORT_CHANGE = new WeakMap();
 function getViewportContainerRect(board) {
     const { hideScrollbar } = board.options;
     const scrollBarWidth = hideScrollbar ? SCROLL_BAR_WIDTH : 0;
-    const viewportRect = PlaitBoard.getBoardNativeElement(board).getBoundingClientRect();
+    const viewportRect = PlaitBoard.getBoardContainer(board).getBoundingClientRect();
     return {
         width: viewportRect.width + scrollBarWidth,
         height: viewportRect.height + scrollBarWidth
@@ -1450,7 +1580,7 @@ function getViewportContainerRect(board) {
 }
 function getElementHostBBox(board, zoom) {
     const childrenRect = getRectangleByElements(board, board.children, true);
-    const viewportContainerRect = PlaitBoard.getBoardNativeElement(board).getBoundingClientRect();
+    const viewportContainerRect = PlaitBoard.getBoardContainer(board).getBoundingClientRect();
     const containerWidth = viewportContainerRect.width / zoom;
     const containerHeight = viewportContainerRect.height / zoom;
     let left;
@@ -1495,7 +1625,7 @@ function clampZoomLevel(zoom, minZoom = 0.2, maxZoom = 4) {
     return zoom < minZoom ? minZoom : zoom > maxZoom ? maxZoom : zoom;
 }
 function getViewBox(board, zoom) {
-    const boardContainerRectangle = PlaitBoard.getBoardNativeElement(board).getBoundingClientRect();
+    const boardContainerRectangle = PlaitBoard.getBoardContainer(board).getBoundingClientRect();
     const elementHostBBox = getElementHostBBox(board, zoom);
     const horizontalPadding = boardContainerRectangle.width / 2;
     const verticalPadding = boardContainerRectangle.height / 2;
@@ -1507,6 +1637,10 @@ function getViewBox(board, zoom) {
     ];
     return viewBox;
 }
+function getViewBoxCenterPoint(board) {
+    const childrenRectangle = getRectangleByElements(board, board.children, true);
+    return [childrenRectangle.x + childrenRectangle.width / 2, childrenRectangle.y + childrenRectangle.height / 2];
+}
 function setSVGViewBox(board, viewBox) {
     const zoom = board.viewport.zoom;
     const hostElement = PlaitBoard.getHost(board);
@@ -1550,7 +1684,7 @@ function initializeViewportOffset(board) {
     var _a;
     if (!((_a = board.viewport) === null || _a === void 0 ? void 0 : _a.origination)) {
         const zoom = board.viewport.zoom;
-        const viewportContainerRect = PlaitBoard.getBoardNativeElement(board).getBoundingClientRect();
+        const viewportContainerRect = PlaitBoard.getBoardContainer(board).getBoundingClientRect();
         const viewBox = getViewBox(board, zoom);
         const centerX = viewBox[0] + viewBox[2] / 2;
         const centerY = viewBox[1] + viewBox[3] / 2;
@@ -1612,9 +1746,9 @@ const updatePointerType = (board, pointer) => {
 function updateZoom(board, newZoom, isCenter = true) {
     newZoom = clampZoomLevel(newZoom);
     const mousePoint = PlaitBoard.getMovingPoint(board);
-    const nativeElement = PlaitBoard.getBoardNativeElement(board);
+    const nativeElement = PlaitBoard.getBoardContainer(board);
     const nativeElementRect = nativeElement.getBoundingClientRect();
-    const boardContainerRect = PlaitBoard.getBoardNativeElement(board).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);
@@ -1627,13 +1761,8 @@ function updateZoom(board, newZoom, isCenter = true) {
     updateViewport(board, newOrigination, newZoom);
 }
 function fitViewport(board) {
-    const { hideScrollbar } = board.options;
-    let scrollBarWidth = 0;
-    if (!hideScrollbar) {
-        const viewportContainer = PlaitBoard.getViewportContainer(board);
-        scrollBarWidth = viewportContainer.offsetWidth - viewportContainer.clientWidth;
-    }
-    const boardContainerRect = PlaitBoard.getBoardNativeElement(board).getBoundingClientRect();
+    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;
@@ -1646,12 +1775,47 @@ function fitViewport(board) {
     else {
         newZoom = 1;
     }
-    const viewBox = getViewBox(board, newZoom);
-    const centerX = viewBox[0] + viewBox[2] / 2;
-    const centerY = viewBox[1] + viewBox[3] / 2;
+    const centerPoint = getViewBoxCenterPoint(board);
     const newOrigination = [
-        centerX - boardContainerRect.width / 2 / newZoom + scrollBarWidth / 2 / zoom,
-        centerY - boardContainerRect.height / 2 / newZoom + scrollBarWidth / 2 / zoom
+        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);
 }
@@ -1671,7 +1835,8 @@ const BoardTransforms = {
     updateViewport,
     fitViewport,
     updateZoom,
-    updateThemeColor
+    updateThemeColor,
+    fitViewportWidth
 };
 
 const Transforms = Object.assign(Object.assign(Object.assign(Object.assign({}, GeneralTransforms), ViewportTransforms$1), SelectionTransforms), NodeTransforms);
@@ -1883,7 +2048,7 @@ function withHandPointer(board) {
     board.mousedown = (event) => {
         if (PlaitBoard.isPointer(board, PlaitPointerType.hand) && isMainPointer(event)) {
             isMoving = true;
-            PlaitBoard.getBoardNativeElement(board).classList.add('viewport-moving');
+            PlaitBoard.getBoardContainer(board).classList.add('viewport-moving');
             plaitBoardMove.x = event.x;
             plaitBoardMove.y = event.y;
         }
@@ -1903,7 +2068,7 @@ function withHandPointer(board) {
     board.globalMouseup = (event) => {
         if (board.selection) {
             isMoving = false;
-            PlaitBoard.getBoardNativeElement(board).classList.remove('viewport-moving');
+            PlaitBoard.getBoardContainer(board).classList.remove('viewport-moving');
             plaitBoardMove.x = 0;
             plaitBoardMove.y = 0;
         }
@@ -1943,14 +2108,13 @@ function withSelection(board) {
         }
         const options = board.getPluginOptions(PlaitPluginKey.withSelection);
         const point = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
-        const ranges = [{ anchor: point, focus: point }];
+        const range = { anchor: point, focus: point };
+        const hitElements = getHitElements(board, { ranges: [range] });
         const selectedElements = getSelectedElements(board);
-        if (isIntersectionElements(board, selectedElements, ranges)) {
+        if (hitElements.length === 1 && selectedElements.includes(hitElements[0])) {
             mousedown(event);
             return;
         }
-        const range = { anchor: point, focus: point };
-        const hitElements = getHitElements(board, { ranges: [range] });
         if (PlaitBoard.isPointer(board, PlaitPointerType.selection) &&
             hitElements.length === 0 &&
             options.isMultiple &&
@@ -1961,7 +2125,7 @@ function withSelection(board) {
             // prevent text from being selected
             event.preventDefault();
         }
-        Transforms.setSelection(board, { ranges: ranges });
+        Transforms.setSelection(board, { ranges: [range] });
         mousedown(event);
     };
     board.globalMousemove = (event) => {
@@ -1996,7 +2160,7 @@ function withSelection(board) {
             Transforms.setSelection(board, { ranges: [{ anchor: start, focus: end }] });
         }
         if (PlaitBoard.isFocus(board)) {
-            const isInBoard = event.target instanceof Node && PlaitBoard.getBoardNativeElement(board).contains(event.target);
+            const isInBoard = event.target instanceof Node && PlaitBoard.getBoardContainer(board).contains(event.target);
             const isInDocument = event.target instanceof Node && document.contains(event.target);
             const isAttachedElement = event.target instanceof Element && event.target.closest(`.${ATTACHED_ELEMENT_CLASS_NAME}`);
             // Clear selection when mouse board outside area
@@ -2072,11 +2236,11 @@ function isSelectionMoving(board) {
     return !!BOARD_TO_IS_SELECTION_MOVING.get(board);
 }
 function setSelectionMoving(board) {
-    PlaitBoard.getBoardNativeElement(board).classList.add('selection-moving');
+    PlaitBoard.getBoardContainer(board).classList.add('selection-moving');
     BOARD_TO_IS_SELECTION_MOVING.set(board, true);
 }
 function clearSelectionMoving(board) {
-    PlaitBoard.getBoardNativeElement(board).classList.remove('selection-moving');
+    PlaitBoard.getBoardContainer(board).classList.remove('selection-moving');
     BOARD_TO_IS_SELECTION_MOVING.delete(board);
 }
 function createSelectionOuterG(board, selectElements) {
@@ -2127,19 +2291,17 @@ function withMoving(board) {
     board.mousedown = event => {
         const host = BOARD_TO_HOST.get(board);
         const point = transformPoint(board, toPoint(event.x, event.y, host));
-        const ranges = [{ anchor: point, focus: point }];
+        const range = { anchor: point, focus: point };
         let movableElements = board.children.filter(item => board.isMovable(item));
         if (movableElements.length) {
             startPoint = point;
             const selectedRootElements = getSelectedElements(board).filter(item => movableElements.includes(item));
-            const intersectionSelectedElement = isIntersectionElements(board, selectedRootElements, ranges);
-            if (intersectionSelectedElement) {
+            const hitElement = getHitElementOfRoot(board, movableElements, range);
+            if (hitElement && selectedRootElements.includes(hitElement)) {
                 activeElements = selectedRootElements;
             }
-            else {
-                activeElements = movableElements.filter(item => ranges.some(range => {
-                    return board.isHitSelection(item, range);
-                }));
+            else if (hitElement) {
+                activeElements = [hitElement];
             }
         }
         mousedown(event);
@@ -2165,7 +2327,7 @@ function withMoving(board) {
                         MERGING.set(board, true);
                         return PlaitNode.get(board, [index]);
                     });
-                    PlaitBoard.getBoardNativeElement(board).classList.add('element-moving');
+                    PlaitBoard.getBoardContainer(board).classList.add('element-moving');
                     addMovingElements(board, currentElements);
                 });
             }
@@ -2199,7 +2361,7 @@ function withMoving(board) {
         activeElements = [];
         removeMovingElements(board);
         MERGING.set(board, false);
-        PlaitBoard.getBoardNativeElement(board).classList.remove('element-moving');
+        PlaitBoard.getBoardContainer(board).classList.remove('element-moving');
     }
     return board;
 }
@@ -2774,5 +2936,5 @@ const clearNodeWeakMap = (object) => {
  * Generated bundle index. Do not edit.
  */
 
-export { BOARD_TO_COMPONENT, BOARD_TO_ELEMENT_HOST, BOARD_TO_HOST, BOARD_TO_IS_SELECTION_MOVING, BOARD_TO_MOVING_ELEMENT, BOARD_TO_MOVING_POINT, BOARD_TO_ON_CHANGE, BOARD_TO_ROUGH_SVG, BOARD_TO_SELECTED_ELEMENT, BOARD_TO_TEMPORARY_ELEMENTS, BOARD_TO_VIEWPORT_ORIGINATION, BoardTransforms, CLIP_BOARD_FORMAT_KEY, ColorfulThemeColor, DarkThemeColor, DefaultThemeColor, ELEMENT_TO_COMPONENT, FLUSHING, IS_APPLE, IS_BOARD_CACHE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_SAFARI, IS_TEXT_EDITABLE, MAX_RADIUS, MERGING, NODE_TO_INDEX, NODE_TO_PARENT, NS, PATH_REFS, POINTER_BUTTON, Path, PlaitBoard, PlaitBoardComponent, PlaitChildrenElement, PlaitElement, PlaitElementComponent, PlaitHistoryBoard, PlaitIslandBaseComponent, PlaitModule, PlaitNode, PlaitOperation, PlaitPluginElementComponent, PlaitPluginKey, PlaitPointerType, Point, RectangleClient, RetroThemeColor, SAVING, SCROLL_BAR_WIDTH, SELECTION_BORDER_COLOR, SELECTION_FILL_COLOR, Selection, SoftThemeColor, StarryThemeColor, ThemeColorMode, ThemeColors, Transforms, Viewport, addMovingElements, addSelectedElement, arrowPoints, cacheMovingElements, cacheSelectedElements, clampZoomLevel, clearNodeWeakMap, clearSelectedElement, clearSelectionMoving, clearViewportOrigination, createForeignObject, createG, createPath, createSVG, createSelectionOuterG, createTestingBoard, createText, debounce, deleteTemporaryElements, depthFirstRecursion, distanceBetweenPointAndPoint, distanceBetweenPointAndRectangle, distanceBetweenPointAndSegment, drawAbstractRoundRectangle, drawArrow, drawCircle, drawLine, drawLinearPath, drawRoundRectangle, fakeNodeWeakMap, getBoardRectangle, getElementHostBBox, getHitElements, getMovingElements, getRectangleByElements, getSelectedElements, getTemporaryElements, getViewBox, getViewportContainerRect, getViewportOrigination, hasBeforeContextChange, hasInputOrTextareaTarget, hasOnBoardChange, hasOnContextChanged, hotkeys, idCreator, initializeViewBox, initializeViewportContainer, initializeViewportOffset, inverse, isDOMElement, isDOMNode, isFromScrolling, isFromViewportChange, isInPlaitBoard, isIntersectionElements, isMainPointer, isNullOrUndefined, isSecondaryPointer, isSelectedElement, isSelectionMoving, isSetViewportOperation, normalizePoint, removeMovingElements, removeSelectedElement, rotate, scrollToRectangle, setIsFromScrolling, setIsFromViewportChange, setSVGViewBox, setSelectionMoving, shouldClear, shouldMerge, shouldSave, throttleRAF, toPoint, transformPoint, transformPoints, updateForeignObject, updateViewportContainerScroll, updateViewportOffset, updateViewportOrigination, withMoving, withOptions, withSelection };
+export { BOARD_TO_COMPONENT, BOARD_TO_ELEMENT_HOST, BOARD_TO_HOST, BOARD_TO_IS_SELECTION_MOVING, BOARD_TO_MOVING_ELEMENT, BOARD_TO_MOVING_POINT, BOARD_TO_ON_CHANGE, BOARD_TO_ROUGH_SVG, BOARD_TO_SELECTED_ELEMENT, BOARD_TO_TEMPORARY_ELEMENTS, BOARD_TO_VIEWPORT_ORIGINATION, BoardTransforms, CLIP_BOARD_FORMAT_KEY, ColorfulThemeColor, DarkThemeColor, DefaultThemeColor, ELEMENT_TO_COMPONENT, FLUSHING, IS_APPLE, IS_BOARD_CACHE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_SAFARI, IS_TEXT_EDITABLE, MAX_RADIUS, MERGING, NODE_TO_INDEX, NODE_TO_PARENT, NS, PATH_REFS, POINTER_BUTTON, Path, PlaitBoard, PlaitBoardComponent, PlaitChildrenElement, PlaitElement, PlaitElementComponent, PlaitHistoryBoard, PlaitIslandBaseComponent, PlaitModule, PlaitNode, PlaitOperation, PlaitPluginElementComponent, PlaitPluginKey, PlaitPointerType, Point, RectangleClient, RetroThemeColor, SAVING, SCROLL_BAR_WIDTH, SELECTION_BORDER_COLOR, SELECTION_FILL_COLOR, Selection, SoftThemeColor, StarryThemeColor, ThemeColorMode, ThemeColors, Transforms, Viewport, addMovingElements, addSelectedElement, arrowPoints, cacheMovingElements, cacheSelectedElements, clampZoomLevel, clearNodeWeakMap, clearSelectedElement, clearSelectionMoving, clearViewportOrigination, createForeignObject, createG, createPath, createSVG, createSelectionOuterG, createTestingBoard, createText, debounce, deleteTemporaryElements, depthFirstRecursion, distanceBetweenPointAndPoint, distanceBetweenPointAndRectangle, distanceBetweenPointAndSegment, downloadImage, drawAbstractRoundRectangle, drawArrow, drawCircle, drawLine, drawLinearPath, drawRoundRectangle, fakeNodeWeakMap, getBoardRectangle, getElementHostBBox, getHitElementOfRoot, getHitElements, 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, removeMovingElements, removeSelectedElement, rotate, scrollToRectangle, setIsFromScrolling, setIsFromViewportChange, setSVGViewBox, setSelectionMoving, shouldClear, shouldMerge, shouldSave, throttleRAF, toImage, toPoint, transformPoint, transformPoints, updateForeignObject, updateViewportContainerScroll, updateViewportOffset, updateViewportOrigination, withMoving, withOptions, withSelection };
 //# sourceMappingURL=plait-core.mjs.map