@plait/mind 0.39.0 → 0.41.0

package/fesm2022/plait-mind.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, NgZone, Directive, Input, HostListener } from '@angular/core';
-import { DefaultThemeColor, ColorfulThemeColor, SoftThemeColor, RetroThemeColor, DarkThemeColor, StarryThemeColor, PlaitElement, PlaitNode, Path, isNullOrUndefined, PlaitBoard, distanceBetweenPointAndRectangle, RectangleClient, getSelectedElements, idCreator, Transforms, clearSelectedElement, addSelectedElement, depthFirstRecursion, getIsRecursionFunc, drawRoundRectangle, drawLinearPath, drawBezierPath, createG, updateForeignObject, getRectangleByElements, NODE_TO_PARENT, createForeignObject, setStrokeLinecap, ACTIVE_STROKE_WIDTH, createText, PlaitPointerType, NODE_TO_INDEX, PlaitChildrenElementComponent, isMainPointer, transformPoint, toPoint, getHitElementByPoint, distanceBetweenPointAndPoint, CoreTransforms, BOARD_TO_HOST, BoardTransforms, throttleRAF, removeSelectedElement, PlaitHistoryBoard, temporaryDisableSelection, hotkeys, setClipboardDataByMedia, getClipboardDataByMedia, ResizeCursorClass, preventTouchMove, PRESS_AND_MOVE_BUFFER, MERGING, setClipboardData, setClipboardDataByText, getDataFromClipboard, PlaitPluginKey } from '@plait/core';
+import { DefaultThemeColor, ColorfulThemeColor, SoftThemeColor, RetroThemeColor, DarkThemeColor, StarryThemeColor, PlaitElement, PlaitNode, Path, isNullOrUndefined, PlaitBoard, distanceBetweenPointAndRectangle, RectangleClient, getSelectedElements, idCreator, Transforms, clearSelectedElement, addSelectedElement, depthFirstRecursion, getIsRecursionFunc, drawRoundRectangle, drawLinearPath, drawBezierPath, createG, updateForeignObject, getRectangleByElements, NODE_TO_PARENT, createForeignObject, removeSelectedElement, PlaitHistoryBoard, setStrokeLinecap, ACTIVE_STROKE_WIDTH, createText, PlaitPointerType, NODE_TO_INDEX, PlaitChildrenElementComponent, isMainPointer, transformPoint, toPoint, getHitElementByPoint, distanceBetweenPointAndPoint, CoreTransforms, BOARD_TO_HOST, BoardTransforms, throttleRAF, temporaryDisableSelection, hotkeys, setClipboardDataByMedia, getClipboardDataByMedia, ResizeCursorClass, setClipboardData, setClipboardDataByText, getDataFromClipboard, PlaitPluginKey } from '@plait/core';
 import { MindLayoutType, AbstractNode, isIndentedLayout, isHorizontalLayout, isHorizontalLogicLayout, ConnectingPosition, getNonAbstractChildren, isStandardLayout, isLeftLayout, isRightLayout, isVerticalLogicLayout, isTopLayout, isBottomLayout, getCorrectStartEnd, getAbstractLayout, GlobalLayout } from '@plait/layouts';
 import { PlaitMarkEditor, MarkTypes, DEFAULT_FONT_SIZE, TEXT_DEFAULT_HEIGHT, buildText, getTextSize, TextManage, ExitOrigin, getTextFromClipboard } from '@plait/text';
 import { fromEvent, Subject } from 'rxjs';
-import { RESIZE_HANDLE_DIAMETER, getRectangleResizeHandleRefs, addElementOfFocusedImage, removeElementOfFocusedImage, Generator, CommonPluginElement, ImageGenerator, WithTextPluginKey, isDrawingMode, isDndMode, setCreationMode, BoardCreationMode, isExpandHotkey, isTabHotkey, isEnterHotkey, isVirtualKey, isDelete, isSpaceHotkey, getElementOfFocusedImage, MediaKeys, acceptImageTypes, buildImage, ResizeHandle, withResize } from '@plait/common';
+import { RESIZE_HANDLE_DIAMETER, getRectangleResizeHandleRefs, addElementOfFocusedImage, removeElementOfFocusedImage, Generator, CommonPluginElement, ImageGenerator, WithTextPluginKey, isDrawingMode, isDndMode, setCreationMode, BoardCreationMode, isExpandHotkey, isTabHotkey, isEnterHotkey, isVirtualKey, isDelete, isSpaceHotkey, getElementOfFocusedImage, MediaKeys, acceptImageTypes, buildImage, withResize, ResizeHandle } from '@plait/common';
 import { Node as Node$1, Path as Path$1 } from 'slate';
 import { pointsOnBezierCurves } from 'points-on-curve';
 import { take, filter } from 'rxjs/operators';
@@ -1990,6 +1990,15 @@ const deleteElementsHandleRightNodeCount = (board, deletableElements, effectedRi
     return effectedRightNodeCount;
 };
 
+function findNewChildNodePath(board, element) {
+    const children = getNonAbstractChildren(element);
+    return PlaitBoard.findPath(board, element).concat(children.length);
+}
+function findNewSiblingNodePath(board, element) {
+    const path = PlaitBoard.findPath(board, element);
+    return Path$1.next(path);
+}
+
 /**
  * get correctly layout：
  * 1. root is standard -> left or right
@@ -2474,6 +2483,31 @@ const setRightNodeCountByRefs = (board, refs) => {
         Transforms.setNode(board, { rightNodeCount: ref.rightNodeCount }, ref.path);
     });
 };
+const insertChildNode = (board, element) => {
+    if (MindElement.isMindElement(board, element)) {
+        removeSelectedElement(board, element);
+        const targetElementPath = PlaitBoard.findPath(board, element);
+        if (element.isCollapsed) {
+            const newElement = { isCollapsed: false };
+            PlaitHistoryBoard.withoutSaving(board, () => {
+                Transforms.setNode(board, newElement, targetElementPath);
+            });
+        }
+        insertMindElement(board, element, findNewChildNodePath(board, element));
+    }
+};
+const insertSiblingNode = (board, element) => {
+    if (MindElement.isMindElement(board, element) && !PlaitMind.isMind(element) && !AbstractNode.isAbstract(element)) {
+        const path = PlaitBoard.findPath(board, element);
+        if (isInRightBranchOfStandardLayout(element)) {
+            const refs = insertElementHandleRightNodeCount(board, path.slice(0, 1), 1);
+            setRightNodeCountByRefs(board, refs);
+        }
+        const abstractRefs = insertElementHandleAbstract(board, Path$1.next(path));
+        setAbstractsByRefs(board, abstractRefs);
+        insertMindElement(board, element, findNewSiblingNodePath(board, element));
+    }
+};
 
 const addEmoji = (board, element, emojiItem) => {
     const emojis = element.data.emojis || [];
@@ -2556,18 +2590,11 @@ const MindTransforms = {
     insertAbstractNodes,
     setRightNodeCountByRefs,
     removeImage,
-    setImage
+    setImage,
+    insertChildNode,
+    insertSiblingNode
 };
 
-function findNewChildNodePath(board, element) {
-    const children = getNonAbstractChildren(element);
-    return PlaitBoard.findPath(board, element).concat(children.length);
-}
-function findNewSiblingNodePath(board, element) {
-    const path = PlaitBoard.findPath(board, element);
-    return Path$1.next(path);
-}
-
 class NodePlusGenerator extends Generator {
     canDraw(element) {
         if (PlaitBoard.isReadonly(this.board) || element?.isCollapsed) {
@@ -3563,29 +3590,14 @@ const withMindHotkey = (baseBoard) => {
         if (!PlaitBoard.isReadonly(board)) {
             if (isTabHotkey(event) && isSingleMindElement) {
                 event.preventDefault();
-                removeSelectedElement(board, targetElement);
-                const targetElementPath = PlaitBoard.findPath(board, targetElement);
-                if (targetElement.isCollapsed) {
-                    const newElement = { isCollapsed: false };
-                    PlaitHistoryBoard.withoutSaving(board, () => {
-                        Transforms.setNode(board, newElement, targetElementPath);
-                    });
-                }
-                insertMindElement(board, targetElement, findNewChildNodePath(board, targetElement));
+                MindTransforms.insertChildNode(board, targetElement);
                 return;
             }
             if (isEnterHotkey(event) &&
                 isSingleMindElement &&
                 !PlaitMind.isMind(targetElement) &&
                 !AbstractNode.isAbstract(targetElement)) {
-                const targetElementPath = PlaitBoard.findPath(board, targetElement);
-                if (isInRightBranchOfStandardLayout(targetElement)) {
-                    const refs = insertElementHandleRightNodeCount(board, targetElementPath.slice(0, 1), 1);
-                    MindTransforms.setRightNodeCountByRefs(board, refs);
-                }
-                const abstractRefs = insertElementHandleAbstract(board, Path.next(targetElementPath));
-                MindTransforms.setAbstractsByRefs(board, abstractRefs);
-                insertMindElement(board, targetElement, findNewSiblingNodePath(board, targetElement));
+                MindTransforms.insertSiblingNode(board, targetElement);
                 return;
             }
             if (!isVirtualKey(event) &&
@@ -3762,117 +3774,51 @@ const withNodeImage = (board) => {
 };
 
 const withNodeResize = (board) => {
-    const { pointerDown, pointerMove, globalPointerUp } = board;
-    let targetElement = null;
     let targetElementRef = null;
-    let startPoint = null;
-    board.pointerDown = (event) => {
-        if (PlaitBoard.isReadonly(board)) {
-            pointerDown(event);
-            return;
-        }
-        const point = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
-        const newTargetElement = getSelectedTarget(board, point);
-        if (newTargetElement) {
-            PlaitBoard.getBoardContainer(board).classList.add(ResizeCursorClass['ew']);
-            targetElement = newTargetElement;
-            startPoint = [event.x, event.y];
-            preventTouchMove(board, event, true);
-        }
-        pointerDown(event);
-    };
-    board.pointerMove = (event) => {
-        if (PlaitBoard.isReadonly(board) || PlaitBoard.hasBeenTextEditing(board)) {
-            pointerMove(event);
-            return;
-        }
-        if (startPoint && targetElement && !isMindNodeResizing(board)) {
-            // prevent text from being selected
-            event.preventDefault();
-            const endPoint = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
-            const distance = distanceBetweenPointAndPoint(startPoint[0], startPoint[1], endPoint[0], endPoint[1]);
-            if (distance > PRESS_AND_MOVE_BUFFER) {
-                addResizing(board, targetElement);
-                targetElementRef = {
-                    minWidth: NodeSpace.getNodeResizableMinWidth(board, targetElement),
-                    currentWidth: NodeSpace.getNodeDynamicWidth(board, targetElement),
-                    path: PlaitBoard.findPath(board, targetElement),
-                    textManage: MindElement.getTextManage(targetElement)
+    const options = {
+        key: 'mind-node',
+        canResize: () => {
+            return !isDragging(board);
+        },
+        detect: (point) => {
+            const newTargetElement = getSelectedTarget(board, point);
+            if (newTargetElement) {
+                return {
+                    element: newTargetElement,
+                    handle: null,
+                    cursorClass: ResizeCursorClass.ew
                 };
-                MERGING.set(board, true);
             }
-        }
-        if (isMindNodeResizing(board) && startPoint && targetElementRef) {
-            // prevent text from being selected
-            event.preventDefault();
-            preventTouchMove(board, event, true);
-            throttleRAF(() => {
-                if (!startPoint) {
-                    return;
-                }
-                const endPoint = [event.x, event.y];
-                const offsetX = endPoint[0] - startPoint[0];
-                const zoom = board.viewport.zoom;
-                let resizedWidth = targetElementRef.currentWidth + offsetX / zoom;
-                if (resizedWidth <= targetElementRef.minWidth) {
-                    resizedWidth = targetElementRef.minWidth;
-                }
-                const newTarget = PlaitNode.get(board, targetElementRef.path);
-                if (newTarget && NodeSpace.getNodeTopicMinWidth(board, newTarget) !== resizedWidth) {
-                    targetElementRef.textManage.updateRectangleWidth(resizedWidth);
-                    const { height } = targetElementRef.textManage.getSize();
-                    MindTransforms.setNodeManualWidth(board, newTarget, resizedWidth * zoom, height);
-                }
-            });
-            return;
-        }
-        else {
-            // press and start drag when node is non selected
-            if (!isDragging(board)) {
-                const point = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
-                const newTargetElement = getSelectedTarget(board, point);
-                if (newTargetElement) {
-                    PlaitBoard.getBoardContainer(board).classList.add(`mind-${ResizeCursorClass['ew']}`);
-                }
-                else {
-                    PlaitBoard.getBoardContainer(board).classList.remove(`mind-${ResizeCursorClass['ew']}`);
-                }
+            return null;
+        },
+        beforeResize: (resizeRef) => {
+            targetElementRef = {
+                minWidth: NodeSpace.getNodeResizableMinWidth(board, resizeRef.element),
+                currentWidth: NodeSpace.getNodeDynamicWidth(board, resizeRef.element),
+                path: PlaitBoard.findPath(board, resizeRef.element),
+                textManage: MindElement.getTextManage(resizeRef.element)
+            };
+        },
+        onResize: (resizeRef, resizeState) => {
+            const zoom = board.viewport.zoom;
+            let resizedWidth = targetElementRef.currentWidth + resizeState.offsetX / zoom;
+            if (resizedWidth <= targetElementRef.minWidth) {
+                resizedWidth = targetElementRef.minWidth;
             }
-        }
-        pointerMove(event);
-    };
-    board.globalPointerUp = (event) => {
-        globalPointerUp(event);
-        if (isMindNodeResizing(board) || targetElement) {
-            targetElement && removeResizing(board, targetElement);
+            const newTarget = PlaitNode.get(board, targetElementRef.path);
+            if (newTarget && NodeSpace.getNodeTopicMinWidth(board, newTarget) !== resizedWidth) {
+                targetElementRef.textManage.updateRectangleWidth(resizedWidth);
+                const { height } = targetElementRef.textManage.getSize();
+                MindTransforms.setNodeManualWidth(board, newTarget, resizedWidth * zoom, height);
+            }
+        },
+        afterResize: (resizeRef) => {
             targetElementRef = null;
-            targetElement = null;
-            startPoint = null;
-            MERGING.set(board, false);
-            preventTouchMove(board, event, false);
         }
     };
+    withResize(board, options);
     return board;
 };
-const IS_MIND_NODE_RESIZING = new WeakMap();
-const isMindNodeResizing = (board) => {
-    return !!IS_MIND_NODE_RESIZING.get(board);
-};
-const addResizing = (board, element) => {
-    PlaitBoard.getBoardContainer(board).classList.add('mind-node-resizing');
-    const component = PlaitElement.getComponent(element);
-    component.g.classList.add('resizing');
-    IS_MIND_NODE_RESIZING.set(board, true);
-};
-const removeResizing = (board, element) => {
-    PlaitBoard.getBoardContainer(board).classList.remove('mind-node-resizing');
-    PlaitBoard.getBoardContainer(board).classList.remove(ResizeCursorClass['ew']);
-    const component = PlaitElement.getComponent(element);
-    if (component && component.g) {
-        component.g.classList.remove('resizing');
-    }
-    IS_MIND_NODE_RESIZING.set(board, false);
-};
 const getSelectedTarget = (board, point) => {
     const selectedElements = getSelectedElements(board).filter(value => MindElement.isMindElement(board, value));
     if (selectedElements.length > 0) {
@@ -4256,5 +4202,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * 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, extractNodesText, findLastChild, findLocationLeftIndex, getAbstractBranchColor, getAbstractBranchWidth, getAbstractHandleRectangle, getAllowedDirection, getAvailableSubLayoutsByLayoutDirections, getBehindAbstracts, getBranchColorByMindElement, getBranchDirectionsByLayouts, getBranchShapeByMindElement, getBranchWidthByMindElement, getChildrenCount, getCorrespondingAbstract, getDefaultBranchColor, getDefaultBranchColorByIndex, getDefaultLayout, getEmojiFontSize, getEmojiForeignRectangle, getEmojiRectangle, getEmojisWidthHeight, getFillByElement, getFirstLevelElement, getFontSizeBySlateElement, getHitAbstractHandle, getHitImageResizeHandleDirection, getImageForeignRectangle, getInCorrectLayoutDirection, getLayoutDirection$1 as getLayoutDirection, getLayoutOptions, getLayoutReverseDirection, getLocationScope, getMindThemeColor, getNewNodeHeight, getNextBranchColor, getNodeDefaultFontSize, 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, extractNodesText, findLastChild, findLocationLeftIndex, findNewChildNodePath, findNewSiblingNodePath, getAbstractBranchColor, getAbstractBranchWidth, getAbstractHandleRectangle, getAllowedDirection, getAvailableSubLayoutsByLayoutDirections, getBehindAbstracts, getBranchColorByMindElement, getBranchDirectionsByLayouts, getBranchShapeByMindElement, getBranchWidthByMindElement, getChildrenCount, getCorrespondingAbstract, getDefaultBranchColor, getDefaultBranchColorByIndex, getDefaultLayout, getEmojiFontSize, getEmojiForeignRectangle, getEmojiRectangle, getEmojisWidthHeight, getFillByElement, getFirstLevelElement, getFontSizeBySlateElement, getHitAbstractHandle, getHitImageResizeHandleDirection, getImageForeignRectangle, getInCorrectLayoutDirection, getLayoutDirection$1 as getLayoutDirection, getLayoutOptions, getLayoutReverseDirection, getLocationScope, getMindThemeColor, getNewNodeHeight, getNextBranchColor, getNodeDefaultFontSize, 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 };
 //# sourceMappingURL=plait-mind.mjs.map