@plait/mind 0.59.0 → 0.62.0-next.0

package/fesm2022/plait-mind.mjs

@@ -1,13 +1,11 @@
-import { DefaultThemeColor, ColorfulThemeColor, SoftThemeColor, RetroThemeColor, DarkThemeColor, StarryThemeColor, PlaitElement, PlaitNode, Path, isNullOrUndefined, PlaitBoard, getSelectedElements, idCreator, Transforms, clearSelectedElement, addSelectedElement, distanceBetweenPointAndRectangle, RectangleClient, depthFirstRecursion, getIsRecursionFunc, drawRoundRectangle, drawLinearPath, drawBezierPath, createG, createForeignObject, updateForeignObject, getRectangleByElements, setStrokeLinecap, ACTIVE_STROKE_WIDTH, NODE_TO_PARENT, removeSelectedElement, PlaitHistoryBoard, createText, PlaitPointerType, NODE_TO_INDEX, isMainPointer, toViewBoxPoint, toHostPoint, getHitElementByPoint, distanceBetweenPointAndPoint, CoreTransforms, BOARD_TO_HOST, BoardTransforms, throttleRAF, isContextmenu, temporaryDisableSelection, hotkeys, createClipboardContext, WritableClipboardType, ResizeCursorClass, Point, WritableClipboardOperationType, addClipboardContext, PlaitPluginKey } from '@plait/core';
+import { DefaultThemeColor, ColorfulThemeColor, SoftThemeColor, RetroThemeColor, DarkThemeColor, StarryThemeColor, PlaitElement, PlaitNode, Path, isNullOrUndefined, PlaitBoard, getSelectedElements, idCreator, Transforms, clearSelectedElement, addSelectedElement, distanceBetweenPointAndRectangle, RectangleClient, depthFirstRecursion, getIsRecursionFunc, drawRoundRectangle, drawLinearPath, drawBezierPath, createG, createForeignObject, updateForeignObject, getRectangleByElements, setStrokeLinecap, ACTIVE_STROKE_WIDTH, NODE_TO_PARENT, removeSelectedElement, PlaitHistoryBoard, createText, PlaitPointerType, NODE_TO_INDEX, isMainPointer, toViewBoxPoint, toHostPoint, getHitElementByPoint, distanceBetweenPointAndPoint, CoreTransforms, BOARD_TO_HOST, BoardTransforms, throttleRAF, isContextmenu, temporaryDisableSelection, hotkeys, createClipboardContext, WritableClipboardType, ResizeCursorClass, Point, WritableClipboardOperationType, addClipboardContext } from '@plait/core';
 import { MindLayoutType, AbstractNode, isIndentedLayout, isHorizontalLayout, isHorizontalLogicLayout, ConnectingPosition, getNonAbstractChildren, isStandardLayout, isLeftLayout, isRightLayout, isVerticalLogicLayout, isTopLayout, isBottomLayout, getCorrectStartEnd, getAbstractLayout, GlobalLayout } from '@plait/layouts';
-import { ExitOrigin, TEXT_DEFAULT_HEIGHT, buildText, PlaitMarkEditor, MarkTypes, DEFAULT_FONT_SIZE, getTextSize, TextManage } from '@plait/text';
-import { getFirstTextManage, getFirstTextEditor, RESIZE_HANDLE_DIAMETER, getRectangleResizeHandleRefs, addElementOfFocusedImage, ImageGenerator, removeElementOfFocusedImage, Generator, PropertyTransforms, CommonElementFlavour, WithTextPluginKey, isDrawingMode, isDndMode, setCreationMode, BoardCreationMode, isExpandHotkey, isTabHotkey, isEnterHotkey, isVirtualKey, isDelete, isSpaceHotkey, getElementOfFocusedImage, acceptImageTypes, buildImage, withResize, getElementsText } from '@plait/common';
+import { getFirstTextManage, buildText, getFirstTextEditor, RESIZE_HANDLE_DIAMETER, getRectangleResizeHandleRefs, addElementOfFocusedImage, ImageGenerator, removeElementOfFocusedImage, Generator, PropertyTransforms, CommonElementFlavour, WithTextPluginKey, TextManage, isDrawingMode, isDndMode, setCreationMode, BoardCreationMode, isExpandHotkey, isTabHotkey, isEnterHotkey, isVirtualKey, isDelete, isSpaceHotkey, getElementOfFocusedImage, acceptImageTypes, buildImage, withResize, measureElement, getElementsText } from '@plait/common';
+import { TEXT_DEFAULT_HEIGHT, PlaitMarkEditor, MarkTypes, DEFAULT_FONT_SIZE } from '@plait/text-plugins';
 import { Node as Node$1, Path as Path$1 } from 'slate';
 import { pointsOnBezierCurves } from 'points-on-curve';
 import { fromEvent } from 'rxjs';
 import { take, filter } from 'rxjs/operators';
-import * as i0 from '@angular/core';
-import { NgZone, Directive, Input, HostListener } from '@angular/core';
 
 const ELEMENT_TO_NODE = new WeakMap();
 
@@ -480,10 +478,7 @@ const getShapeByElement = (board, element) => {
 
 function editTopic(element) {
     const textManage = getFirstTextManage(element);
-    textManage?.edit((origin) => {
-        if (origin === ExitOrigin.default) {
-        }
-    });
+    textManage?.edit(() => { });
 }
 const getSelectedMindElements = (board, elements) => {
     const selectedElements = elements?.length ? elements : getSelectedElements(board);
@@ -1067,13 +1062,6 @@ const adjustNodeToRoot = (board, node) => {
     delete newElement?.shape;
     delete newElement?.strokeWidth;
     delete newElement?.isCollapsed;
-    const { width, height } = getTextSize(board, newElement.data.topic, TOPIC_DEFAULT_MAX_WORD_COUNT, {
-        fontSize: ROOT_TOPIC_FONT_SIZE,
-        fontFamily: BRANCH_FONT_FAMILY,
-        width: node.manualWidth ? node.manualWidth : undefined
-    });
-    newElement.width = Math.max(width, ROOT_TOPIC_FONT_SIZE);
-    newElement.height = height;
     return {
         ...newElement,
         layout: newElement.layout ?? MindLayoutType.right,
@@ -1086,15 +1074,13 @@ const addImageFocus = (board, element) => {
     addElementOfFocusedImage(board, element);
     const commonElementRef = PlaitElement.getElementRef(element);
     const imageGenerator = commonElementRef.getGenerator(ImageGenerator.key);
-    imageGenerator.componentRef.instance.isFocus = true;
-    imageGenerator.componentRef.instance.cdr.markForCheck();
+    imageGenerator.setFocus(element, true);
 };
 const removeImageFocus = (board, element) => {
     removeElementOfFocusedImage(board);
     const commonElementRef = PlaitElement.getElementRef(element);
     const imageGenerator = commonElementRef.getGenerator(ImageGenerator.key);
-    imageGenerator.componentRef.instance.isFocus = false;
-    imageGenerator.componentRef.instance.cdr.markForCheck();
+    imageGenerator.setFocus(element, false);
 };
 
 /**
@@ -1599,43 +1585,31 @@ function drawLink(board, parentNode, node, isHorizontal, needDrawUnderline, defa
 }
 
 class EmojiGenerator {
-    constructor(board, viewContainerRef) {
+    constructor(board) {
         this.board = board;
-        this.viewContainerRef = viewContainerRef;
-        this.componentRef = null;
+        this.emojiComponentRef = null;
     }
-    draw(emoji, element) {
+    draw(container, emoji, element) {
         this.destroy();
-        const componentType = this.board.getPluginOptions(WithMindPluginKey).emojiComponentType;
-        if (!componentType) {
-            throw new Error('can not find emoji component');
-        }
-        this.componentRef = this.viewContainerRef.createComponent(componentType);
-        this.componentRef.instance.emojiItem = emoji;
-        this.componentRef.instance.board = this.board;
-        this.componentRef.instance.element = element;
-        this.componentRef.instance.fontSize = getEmojiFontSize(element);
-    }
-    get nativeElement() {
-        if (this.componentRef) {
-            return this.componentRef.instance.nativeElement;
-        }
-        else {
-            return null;
-        }
+        const props = {
+            board: this.board,
+            emojiItem: emoji,
+            element,
+            fontSize: getEmojiFontSize(element)
+        };
+        this.emojiComponentRef = this.board.renderEmoji(container, props);
     }
     destroy() {
-        if (this.componentRef) {
-            this.componentRef.destroy();
-            this.componentRef = null;
+        if (this.emojiComponentRef) {
+            this.emojiComponentRef.destroy();
+            this.emojiComponentRef = null;
         }
     }
 }
 class NodeEmojisGenerator {
     static { this.key = 'node-emojis-generator'; }
-    constructor(board, viewContainerRef) {
+    constructor(board) {
         this.board = board;
-        this.viewContainerRef = viewContainerRef;
         this.emojiGenerators = [];
     }
     drawEmojis(element) {
@@ -1650,13 +1624,10 @@ class NodeEmojisGenerator {
             container.classList.add('node-emojis-container');
             foreignObject.append(container);
             this.emojiGenerators = element.data.emojis.map(emojiItem => {
-                const drawer = new EmojiGenerator(this.board, this.viewContainerRef);
-                drawer.draw(emojiItem, element);
+                const drawer = new EmojiGenerator(this.board);
+                drawer.draw(container, emojiItem, element);
                 return drawer;
             });
-            this.emojiGenerators.forEach(drawer => {
-                container.append(drawer.nativeElement);
-            });
             return this.g;
         }
         return undefined;
@@ -2519,9 +2490,8 @@ const insertAbstractNode = (board, path, start, end) => {
 
 const normalizeWidthAndHeight = (board, element, width, height) => {
     const minWidth = NodeSpace.getNodeTopicMinWidth(board, element);
-    const newWidth = width < minWidth * board.viewport.zoom ? minWidth : width / board.viewport.zoom;
-    const newHeight = height / board.viewport.zoom;
-    return { width: Math.ceil(newWidth), height: newHeight };
+    const newWidth = width < minWidth ? minWidth : width;
+    return { width: Math.ceil(newWidth), height };
 };
 const setTopic = (board, element, topic, width, height) => {
     const newElement = {
@@ -2950,7 +2920,7 @@ class MindNodeComponent extends CommonElementFlavour {
     }
     initializeGenerator() {
         this.nodeShapeGenerator = new NodeShapeGenerator(this.board);
-        this.nodeEmojisGenerator = new NodeEmojisGenerator(this.board, PlaitBoard.getViewContainerRef(this.board));
+        this.nodeEmojisGenerator = new NodeEmojisGenerator(this.board);
         this.activeGenerator = new NodeActiveGenerator(this.board);
         this.nodePlusGenerator = new NodePlusGenerator(this.board);
         this.collapseGenerator = new CollapseGenerator(this.board);
@@ -2963,22 +2933,21 @@ class MindNodeComponent extends CommonElementFlavour {
             }
         });
         const plugins = (this.board.getPluginOptions(WithTextPluginKey) || {}).textPlugins;
-        const textManage = new TextManage(this.board, PlaitBoard.getViewContainerRef(this.board), {
+        const textManage = new TextManage(this.board, {
             getRectangle: () => {
                 const rect = getTopicRectangleByNode(this.board, this.node);
                 return rect;
             },
-            onValueChangeHandle: (textManageRef) => {
-                const width = textManageRef.width;
-                const height = textManageRef.height;
-                if (textManageRef.newValue) {
-                    MindTransforms.setTopic(this.board, this.element, textManageRef.newValue, width, height);
+            onChange: (data) => {
+                const width = data.width;
+                const height = data.height;
+                if (data.newText) {
+                    MindTransforms.setTopic(this.board, this.element, data.newText, width, height);
                 }
                 else {
                     MindTransforms.setTopicSize(this.board, this.element, width, height);
                 }
             },
-            textPlugins: plugins,
             getMaxWidth: () => {
                 if (this.element.manualWidth) {
                     return NodeSpace.getNodeDynamicWidth(this.board, this.element);
@@ -2986,7 +2955,8 @@ class MindNodeComponent extends CommonElementFlavour {
                 else {
                     return Math.max(NodeSpace.getNodeDynamicWidth(this.board, this.element), NodeTopicThreshold.defaultTextMaxWidth);
                 }
-            }
+            },
+            textPlugins: plugins || []
         });
         this.initializeTextManages([textManage]);
         this.getRef().addGenerator(NodeActiveGenerator.key, this.activeGenerator);
@@ -3007,7 +2977,7 @@ class MindNodeComponent extends CommonElementFlavour {
         });
         this.drawEmojis();
         this.drawExtend();
-        this.imageGenerator.processDrawing(this.element, this.getElementG(), PlaitBoard.getViewContainerRef(this.board));
+        this.imageGenerator.processDrawing(this.element, this.getElementG());
         if (PlaitMind.isMind(this.context.parent)) {
             this.getElementG().classList.add('branch');
         }
@@ -3027,7 +2997,7 @@ class MindNodeComponent extends CommonElementFlavour {
             this.drawEmojis();
             this.drawExtend();
             if (!MindElement.hasImage(previous.element) && MindElement.hasImage(this.element)) {
-                this.imageGenerator.processDrawing(this.element, this.getElementG(), PlaitBoard.getViewContainerRef(this.board));
+                this.imageGenerator.processDrawing(this.element, this.getElementG());
             }
             if (MindElement.hasImage(previous.element) && MindElement.hasImage(this.element)) {
                 this.imageGenerator.updateImage(this.getElementG(), previous.element, value.element);
@@ -3179,10 +3149,7 @@ const withNodeDnd = (board) => {
         pointerDown(event);
     };
     board.pointerMove = (event) => {
-        // const xx = activeElements.
         if (!board.options.readonly && activeElements.length && startPoint) {
-            // prevent text from being selected
-            event.preventDefault();
             const endPoint = toViewBoxPoint(board, toHostPoint(board, event.x, event.y));
             const distance = distanceBetweenPointAndPoint(startPoint[0], startPoint[1], endPoint[0], endPoint[1]);
             if (distance < DRAG_MOVE_BUFFER) {
@@ -3340,8 +3307,6 @@ const withAbstract = (board) => {
         const endPoint = toViewBoxPoint(board, toHostPoint(board, event.x, event.y));
         touchedAbstract = handleTouchedAbstract(board, touchedAbstract, endPoint);
         if (abstractHandlePosition && activeAbstractElement) {
-            // prevent text from being selected
-            event.preventDefault();
             const nodeLayout = MindQueries.getCorrectLayoutByElement(board, activeAbstractElement);
             const isHorizontal = isHorizontalLayout(nodeLayout);
             const parentElement = MindElement.getParent(activeAbstractElement);
@@ -3451,16 +3416,12 @@ const withCreateMind = (board) => {
                     const nodeG = drawRoundRectangleByElement(board, nodeRectangle, emptyMind);
                     const topicRectangle = getTopicRectangleByElement(newBoard, nodeRectangle, emptyMind);
                     if (!fakeCreateNodeRef) {
-                        const textManage = new TextManage(board, PlaitBoard.getComponent(board).viewContainerRef, {
+                        const textManage = new TextManage(board, {
                             getRectangle: () => {
                                 return topicRectangle;
                             }
                         });
-                        PlaitBoard.getComponent(board)
-                            .viewContainerRef.injector.get(NgZone)
-                            .run(() => {
-                            textManage.draw(emptyMind.data.topic);
-                        });
+                        textManage.draw(emptyMind.data.topic);
                         fakeCreateNodeRef = {
                             g: createG(),
                             nodeG,
@@ -3881,12 +3842,8 @@ const insertClipboardData = (board, elements, targetPoint, operationType) => {
         if (hasTargetParent && operationType !== WritableClipboardOperationType.duplicate) {
             if (item.isRoot) {
                 newElement = adjustRootToNode(board, newElement);
-                const styles = PlaitMind.isMind(targetParent) ? { fontFamily: BRANCH_FONT_FAMILY } : { fontFamily: DEFAULT_FONT_FAMILY };
-                const { width, height } = getTextSize(board, newElement.data.topic, TOPIC_DEFAULT_MAX_WORD_COUNT, {
-                    ...styles,
-                    width: newElement.manualWidth ? newElement.manualWidth : undefined
-                });
-                newElement.width = Math.max(width, ROOT_TOPIC_FONT_SIZE);
+                const { width, height } = getTopicSizeByElement(newElement, targetParent);
+                newElement.width = width;
                 newElement.height = height;
             }
             // handle abstract start and end
@@ -3904,6 +3861,9 @@ const insertClipboardData = (board, elements, targetPoint, operationType) => {
             }
             if (!item.isRoot) {
                 newElement = adjustNodeToRoot(board, newElement);
+                const { width, height } = getTopicSizeByElement(newElement);
+                newElement.width = width;
+                newElement.height = height;
             }
             path = [board.children.length];
         }
@@ -3914,12 +3874,27 @@ const insertClipboardData = (board, elements, targetPoint, operationType) => {
     Transforms.addSelectionWithTemporaryElements(board, newELements);
 };
 const insertClipboardText = (board, targetParent, text) => {
-    const styles = PlaitMind.isMind(targetParent) ? { fontFamily: BRANCH_FONT_FAMILY } : { fontFamily: DEFAULT_FONT_FAMILY };
-    const { width, height } = getTextSize(board, text, TOPIC_DEFAULT_MAX_WORD_COUNT, styles);
+    const { width, height } = getTopicSize(false, PlaitMind.isMind(targetParent), buildText(text));
     const newElement = createMindElement(text, Math.max(width, getFontSizeBySlateElement(text)), height, {});
     Transforms.insertNode(board, newElement, findNewChildNodePath(board, targetParent));
     Transforms.addSelectionWithTemporaryElements(board, [newElement]);
 };
+const getTopicSizeByElement = (element, parentElement) => {
+    return getTopicSize(PlaitMind.isMind(element), (parentElement && PlaitMind.isMind(parentElement)) || false, element.data.topic, element.manualWidth);
+};
+const getTopicSize = (isRoot, isBranch, topic, manualWidth) => {
+    let fontFamily = DEFAULT_FONT_FAMILY;
+    let fontSize = TOPIC_FONT_SIZE;
+    if (isRoot) {
+        fontFamily = BRANCH_FONT_FAMILY;
+        fontSize = ROOT_TOPIC_FONT_SIZE;
+    }
+    else if (isBranch) {
+        fontFamily = BRANCH_FONT_FAMILY;
+    }
+    const maxWidth = fontSize * TOPIC_DEFAULT_MAX_WORD_COUNT;
+    return measureElement(topic, { fontSize, fontFamily }, manualWidth ? manualWidth : maxWidth);
+};
 
 const withMindFragment = (baseBoard) => {
     const board = baseBoard;
@@ -4016,6 +3991,14 @@ const getNextSelectedElement = (board, firstLevelElements) => {
     return activeElement;
 };
 
+const withEmoji = (board) => {
+    const newBoard = board;
+    newBoard.renderEmoji = (container, props) => {
+        throw new Error('No implementation for renderEmoji method.');
+    };
+    return newBoard;
+};
+
 const withMind = (baseBoard) => {
     const board = baseBoard;
     const { drawElement, dblClick, isRectangleHit, isHit, getRectangle, isMovable, isRecursion, isAlign, isImageBindingAllowed, canAddToGroup, canSetZIndex, isExpanded } = board;
@@ -4123,51 +4106,29 @@ const withMind = (baseBoard) => {
         }
         dblClick(event);
     };
-    return withNodeResize(withNodeImageResize(withNodeImage(withNodeHoverHitTest(withMindFragment(withMindHotkey(withMindExtend(withCreateMind(withAbstract(withNodeDnd(board))))))))));
+    return withEmoji(withNodeResize(withNodeImageResize(withNodeImage(withNodeHoverHitTest(withMindFragment(withMindHotkey(withMindExtend(withCreateMind(withAbstract(withNodeDnd(board)))))))))));
 };
 
 class MindEmojiBaseComponent {
-    get nativeElement() {
-        return this.elementRef.nativeElement;
-    }
-    handlePointerDown() {
-        const currentOptions = this.board.getPluginOptions(PlaitPluginKey.withSelection);
-        this.board.setPluginOptions(PlaitPluginKey.withSelection, {
-            isDisabledSelect: true
-        });
-        setTimeout(() => {
-            this.board.setPluginOptions(PlaitPluginKey.withSelection, { ...currentOptions });
-        }, 0);
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
+    constructor() {
         this.fontSize = 14;
     }
-    ngOnInit() {
-        this.elementRef.nativeElement.style.fontSize = `${this.fontSize}px`;
+    // TODO
+    // @HostListener('pointerdown')
+    // handlePointerDown() {
+    //     const currentOptions = (this.board as PlaitOptionsBoard).getPluginOptions(PlaitPluginKey.withSelection);
+    //     (this.board as PlaitOptionsBoard).setPluginOptions<WithPluginOptions>(PlaitPluginKey.withSelection, {
+    //         isDisabledSelect: true
+    //     });
+    //     setTimeout(() => {
+    //         (this.board as PlaitOptionsBoard).setPluginOptions<WithPluginOptions>(PlaitPluginKey.withSelection, { ...currentOptions });
+    //     }, 0);
+    // }
+    initialize() {
+        this.nativeElement().style.fontSize = `${this.fontSize}px`;
+        this.nativeElement().classList.add('mind-node-emoji');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: MindEmojiBaseComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: MindEmojiBaseComponent, inputs: { fontSize: "fontSize", emojiItem: "emojiItem", board: "board", element: "element" }, host: { listeners: { "pointerdown": "handlePointerDown()" }, classAttribute: "mind-node-emoji" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: MindEmojiBaseComponent, decorators: [{
-            type: Directive,
-            args: [{
-                    host: {
-                        class: 'mind-node-emoji'
-                    }
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { fontSize: [{
-                type: Input
-            }], emojiItem: [{
-                type: Input
-            }], board: [{
-                type: Input
-            }], element: [{
-                type: Input
-            }], handlePointerDown: [{
-                type: HostListener,
-                args: ['pointerdown']
-            }] } });
 
 /*
  * Public API Surface of mind
@@ -4177,5 +4138,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ABSTRACT_HANDLE_COLOR, ABSTRACT_HANDLE_LENGTH, ABSTRACT_HANDLE_MASK_WIDTH, ABSTRACT_INCLUDED_OUTLINE_OFFSET, AbstractHandlePosition, AbstractResizeState, BASE, BRANCH_FONT_FAMILY, BRANCH_WIDTH, BranchShape, DEFAULT_FONT_FAMILY, DEFAULT_MIND_IMAGE_WIDTH, DefaultAbstractNodeStyle, DefaultNodeStyle, ELEMENT_TO_NODE, EXTEND_DIAMETER, EXTEND_OFFSET, GRAY_COLOR, INHERIT_ATTRIBUTE_KEYS, IS_DRAGGING, LayoutDirection, LayoutDirectionsMap, MindColorfulThemeColor, MindDarkThemeColor, MindDefaultThemeColor, MindElement, MindElementShape, MindEmojiBaseComponent, MindNode, MindNodeComponent, MindPointerType, MindQueries, MindRetroThemeColor, MindSoftThemeColor, MindStarryThemeColor, MindThemeColor, MindThemeColors, MindTransforms, NodeSpace, NodeTopicThreshold, PRIMARY_COLOR, PlaitMind, PlaitMindComponent, QUICK_INSERT_CIRCLE_COLOR, QUICK_INSERT_CIRCLE_OFFSET, QUICK_INSERT_INNER_CROSS_COLOR, ROOT_TOPIC_FONT_SIZE, ROOT_TOPIC_HEIGHT, ROOT_TOPIC_WIDTH, STROKE_WIDTH, TOPIC_COLOR, TOPIC_DEFAULT_MAX_WORD_COUNT, TOPIC_FONT_SIZE, WithMindPluginKey, addActiveOnDragOrigin, addImageFocus, adjustAbstractToNode, adjustNodeToRoot, adjustRootToNode, canSetAbstract, copyNewNode, correctLayoutByDirection, createDefaultMind, createEmptyMind, createMindElement, deleteElementHandleAbstract, deleteElementsHandleRightNodeCount, detectDropTarget, directionCorrector, directionDetector, divideElementByParent, drawFakeDragNode, drawFakeDropNode, editTopic, findLastChild, findLocationLeftIndex, findNewChildNodePath, findNewSiblingNodePath, getAbstractBranchColor, getAbstractBranchWidth, getAbstractHandleRectangle, getAllowedDirection, getAvailableSubLayoutsByLayoutDirections, getBehindAbstracts, getBranchColorByMindElement, getBranchDirectionsByLayouts, getBranchShapeByMindElement, getBranchWidthByMindElement, getChildrenCount, getCorrespondingAbstract, getDefaultBranchColor, getDefaultBranchColorByIndex, getDefaultLayout, getDefaultMindElementFontSize, getEmojiFontSize, getEmojiForeignRectangle, getEmojiRectangle, getEmojisWidthHeight, getFillByElement, getFirstLevelElement, getFontSizeBySlateElement, getHitAbstractHandle, getHitImageResizeHandleDirection, getImageForeignRectangle, getInCorrectLayoutDirection, getLayoutDirection$1 as getLayoutDirection, getLayoutOptions, getLayoutReverseDirection, getLocationScope, getMindThemeColor, getNewNodeHeight, getNextBranchColor, getOverallAbstracts, getPathByDropTarget, getRectangleByElement, getRectangleByNode, getRectangleByResizingLocation, getRelativeStartEndByAbstractRef, getRootLayout, getSelectedMindElements, getShapeByElement, getStrokeByMindElement, getStrokeWidthByElement, getTopicRectangleByElement, getTopicRectangleByNode, getValidAbstractRefs, handleTouchedAbstract, hasPreviousOrNextOfDropPath, insertElementHandleAbstract, insertElementHandleRightNodeCount, insertMindElement, isChildElement, isChildOfAbstract, isChildRight, isChildUp, isCorrectLayout, isDragging, isDropStandardRight, isHitEmojis, isHitImage, isHitMindElement, isInRightBranchOfStandardLayout, isMixedLayout, isSetAbstract, isValidTarget, removeActiveOnDragOrigin, removeImageFocus, separateChildren, setIsDragging, withMind, withMindExtend };
+export { ABSTRACT_HANDLE_COLOR, ABSTRACT_HANDLE_LENGTH, ABSTRACT_HANDLE_MASK_WIDTH, ABSTRACT_INCLUDED_OUTLINE_OFFSET, AbstractHandlePosition, AbstractResizeState, BASE, BRANCH_FONT_FAMILY, BRANCH_WIDTH, BranchShape, DEFAULT_FONT_FAMILY, DEFAULT_MIND_IMAGE_WIDTH, DefaultAbstractNodeStyle, DefaultNodeStyle, ELEMENT_TO_NODE, EXTEND_DIAMETER, EXTEND_OFFSET, GRAY_COLOR, INHERIT_ATTRIBUTE_KEYS, IS_DRAGGING, LayoutDirection, LayoutDirectionsMap, MindColorfulThemeColor, MindDarkThemeColor, MindDefaultThemeColor, MindElement, MindElementShape, MindEmojiBaseComponent, MindNode, MindNodeComponent, MindPointerType, MindQueries, MindRetroThemeColor, MindSoftThemeColor, MindStarryThemeColor, MindThemeColor, MindThemeColors, MindTransforms, NodeSpace, NodeTopicThreshold, PRIMARY_COLOR, PlaitMind, PlaitMindComponent, QUICK_INSERT_CIRCLE_COLOR, QUICK_INSERT_CIRCLE_OFFSET, QUICK_INSERT_INNER_CROSS_COLOR, ROOT_TOPIC_FONT_SIZE, ROOT_TOPIC_HEIGHT, ROOT_TOPIC_WIDTH, STROKE_WIDTH, TOPIC_COLOR, TOPIC_DEFAULT_MAX_WORD_COUNT, TOPIC_FONT_SIZE, WithMindPluginKey, addActiveOnDragOrigin, addImageFocus, adjustAbstractToNode, adjustNodeToRoot, adjustRootToNode, canSetAbstract, copyNewNode, correctLayoutByDirection, createDefaultMind, createEmptyMind, createMindElement, deleteElementHandleAbstract, deleteElementsHandleRightNodeCount, detectDropTarget, directionCorrector, directionDetector, divideElementByParent, drawFakeDragNode, drawFakeDropNode, editTopic, findLastChild, findLocationLeftIndex, findNewChildNodePath, findNewSiblingNodePath, getAbstractBranchColor, getAbstractBranchWidth, getAbstractHandleRectangle, getAllowedDirection, getAvailableSubLayoutsByLayoutDirections, getBehindAbstracts, getBranchColorByMindElement, getBranchDirectionsByLayouts, getBranchShapeByMindElement, getBranchWidthByMindElement, getChildrenCount, getCorrespondingAbstract, getDefaultBranchColor, getDefaultBranchColorByIndex, getDefaultLayout, getDefaultMindElementFontSize, getEmojiFontSize, getEmojiForeignRectangle, getEmojiRectangle, getEmojisWidthHeight, getFillByElement, getFirstLevelElement, getFontSizeBySlateElement, getHitAbstractHandle, getHitImageResizeHandleDirection, getImageForeignRectangle, getInCorrectLayoutDirection, getLayoutDirection$1 as getLayoutDirection, getLayoutOptions, getLayoutReverseDirection, getLocationScope, getMindThemeColor, getNewNodeHeight, getNextBranchColor, getOverallAbstracts, getPathByDropTarget, getRectangleByElement, getRectangleByNode, getRectangleByResizingLocation, getRelativeStartEndByAbstractRef, getRootLayout, getSelectedMindElements, getShapeByElement, getStrokeByMindElement, getStrokeWidthByElement, getTopicRectangleByElement, getTopicRectangleByNode, getValidAbstractRefs, handleTouchedAbstract, hasPreviousOrNextOfDropPath, insertElementHandleAbstract, insertElementHandleRightNodeCount, insertMindElement, isChildElement, isChildOfAbstract, isChildRight, isChildUp, isCorrectLayout, isDragging, isDropStandardRight, isHitEmojis, isHitImage, isHitMindElement, isInRightBranchOfStandardLayout, isMixedLayout, isSetAbstract, isValidTarget, removeActiveOnDragOrigin, removeImageFocus, separateChildren, setIsDragging, withEmoji, withMind, withMindExtend };
 //# sourceMappingURL=plait-mind.mjs.map