@plait/mind 0.4.0 → 0.5.0

package/fesm2015/plait-mind.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule, Directive, Input } from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule, Directive, Input, HostListener } from '@angular/core';
 import * as i2 from '@plait/core';
-import { distanceBetweenPointAndRectangle, RectangleClient, PlaitElement, PlaitBoard, idCreator, isNullOrUndefined, Transforms, clearSelectedElement, addSelectedElement, depthFirstRecursion, Path, drawRoundRectangle, drawLinearPath, createG, PlaitNode, getRectangleByElements, getSelectedElements, NODE_TO_PARENT, drawAbstractRoundRectangle, PlaitPluginElementComponent, PlaitPointerType, NODE_TO_INDEX, createText, IS_TEXT_EDITABLE, MERGING, transformPoint, toPoint, PlaitModule, distanceBetweenPointAndPoint, CLIP_BOARD_FORMAT_KEY, isMainPointer, BOARD_TO_HOST, throttleRAF, updateForeignObject as updateForeignObject$1, BoardTransforms, Selection, removeSelectedElement, PlaitHistoryBoard, hotkeys } from '@plait/core';
-import { MindLayoutType, isIndentedLayout, getNonAbstractChildren, isStandardLayout, AbstractNode, isLeftLayout, isRightLayout, isTopLayout, isVerticalLogicLayout, isHorizontalLogicLayout, isBottomLayout, isHorizontalLayout, getCorrectStartEnd, getAbstractLayout, ConnectingPosition, GlobalLayout } from '@plait/layouts';
+import { distanceBetweenPointAndRectangle, RectangleClient, PlaitElement, PlaitBoard, idCreator, isNullOrUndefined, Transforms, clearSelectedElement, addSelectedElement, depthFirstRecursion, Path, drawRoundRectangle, drawLinearPath, createG, PlaitNode, getRectangleByElements, getSelectedElements, NODE_TO_PARENT, drawAbstractRoundRectangle, PlaitPluginElementComponent, PlaitPointerType, NODE_TO_INDEX, createText, IS_TEXT_EDITABLE, MERGING, transformPoint, toPoint, PlaitModule, distanceBetweenPointAndPoint, CLIP_BOARD_FORMAT_KEY, isMainPointer, BOARD_TO_HOST, PlaitPluginKey, throttleRAF, updateForeignObject as updateForeignObject$1, BoardTransforms, removeSelectedElement, PlaitHistoryBoard, hotkeys } from '@plait/core';
+import { MindLayoutType, isIndentedLayout, getNonAbstractChildren, isStandardLayout, AbstractNode, isLeftLayout, isRightLayout, isVerticalLogicLayout, isHorizontalLogicLayout, isTopLayout, isBottomLayout, isHorizontalLayout, getCorrectStartEnd, getAbstractLayout, ConnectingPosition, GlobalLayout } from '@plait/layouts';
 import { getSizeByText, ROOT_DEFAULT_HEIGHT, TEXT_DEFAULT_HEIGHT, updateForeignObject, drawRichtext, createForeignObject, updateRichText, setFullSelectionAndFocus, getRichtextContentSize, hasEditableTarget, RichtextModule } from '@plait/richtext';
 import { fromEvent, Subject, timer } from 'rxjs';
 import { take, takeUntil, filter, debounceTime } from 'rxjs/operators';
@@ -480,8 +480,10 @@ const getAvailableProperty = (board, element, propertyKey) => {
  * Processing of branch color, width, style, etc. of the mind node
  */
 const getBranchColorByMindElement = (board, element) => {
+    var _a;
     const branchColor = getAvailableProperty(board, element, 'branchColor');
-    return branchColor || getDefaultBranchColor(board, element);
+    const parentBranchColor = (_a = MindElement.getParent(element)) === null || _a === void 0 ? void 0 : _a.branchColor;
+    return parentBranchColor || branchColor || getDefaultBranchColor(board, element);
 };
 const getBranchShapeByMindElement = (board, element) => {
     const branchShape = getAvailableProperty(board, element, 'branchShape');
@@ -547,30 +549,20 @@ function isVirtualKey(e) {
 }
 
 const IS_DRAGGING = new WeakMap();
-const addActiveOnDragOrigin = (activeElement, isOrigin = true) => {
+const addActiveOnDragOrigin = (activeElement) => {
     const activeComponent = PlaitElement.getComponent(activeElement);
-    if (isOrigin) {
-        activeComponent.g.classList.add('dragging-origin');
-    }
-    else {
-        activeComponent.g.classList.add('dragging-child');
-    }
+    activeComponent.g.classList.add('dragging-node');
     !activeElement.isCollapsed &&
         activeElement.children.forEach(child => {
-            addActiveOnDragOrigin(child, false);
+            addActiveOnDragOrigin(child);
         });
 };
-const removeActiveOnDragOrigin = (activeElement, isOrigin = true) => {
+const removeActiveOnDragOrigin = (activeElement) => {
     const activeComponent = PlaitElement.getComponent(activeElement);
-    if (isOrigin) {
-        activeComponent.g.classList.remove('dragging-origin');
-    }
-    else {
-        activeComponent.g.classList.remove('dragging-child');
-    }
+    activeComponent.g.classList.remove('dragging-node');
     !activeElement.isCollapsed &&
         activeElement.children.forEach(child => {
-            removeActiveOnDragOrigin(child, false);
+            removeActiveOnDragOrigin(child);
         });
 };
 const isDragging = (board) => {
@@ -579,22 +571,20 @@ const isDragging = (board) => {
 const setIsDragging = (board, state) => {
     IS_DRAGGING.set(board, state);
 };
-const hasPreviousOrNextOfDropPath = (parent, target, dropPath) => {
-    const children = getNonAbstractChildren(parent);
-    let hasPreviousNode = dropPath[dropPath.length - 1] !== 0;
-    let hasNextNode = dropPath[dropPath.length - 1] !== ((children === null || children === void 0 ? void 0 : children.length) || 0);
+const hasPreviousOrNextOfDropPath = (parent, dropTarget, dropPath) => {
+    let children = getNonAbstractChildren(parent);
     if (PlaitMind.isMind(parent) && isStandardLayout(getRootLayout(parent))) {
-        const dropStandardRightBottom = target === parent.children[parent.rightNodeCount - 1] && dropPath[dropPath.length - 1] === parent.rightNodeCount;
-        const dropStandardLeftTop = target === parent.children[parent.rightNodeCount] && dropPath[dropPath.length - 1] === parent.rightNodeCount;
-        if (dropStandardRightBottom) {
-            hasPreviousNode = true;
-            hasNextNode = false;
+        const isDropRight = isDropStandardRight(parent, dropTarget);
+        if (isDropRight) {
+            children = children.slice(0, parent.rightNodeCount);
         }
-        if (dropStandardLeftTop) {
-            hasPreviousNode = false;
-            hasNextNode = true;
+        if (!isDropRight) {
+            children = children.slice(parent.rightNodeCount, children.length);
+            dropPath = [...dropPath, dropPath[dropPath.length - 1] - parent.rightNodeCount];
         }
     }
+    let hasPreviousNode = dropPath[dropPath.length - 1] !== 0;
+    let hasNextNode = dropPath[dropPath.length - 1] !== ((children === null || children === void 0 ? void 0 : children.length) || 0);
     if (parent.isCollapsed) {
         hasNextNode = false;
         hasPreviousNode = false;
@@ -604,6 +594,14 @@ const hasPreviousOrNextOfDropPath = (parent, target, dropPath) => {
         hasNextNode
     };
 };
+const isDropStandardRight = (parent, dropTarget) => {
+    const target = dropTarget.target;
+    return ((PlaitMind.isMind(parent) &&
+        isStandardLayout(getRootLayout(parent)) &&
+        parent.children.indexOf(target) !== -1 &&
+        parent.children.indexOf(target) < parent.rightNodeCount) ||
+        (PlaitMind.isMind(target) && isStandardLayout(getRootLayout(target)) && dropTarget.detectResult === 'right'));
+};
 
 const directionCorrector = (board, node, detectResults) => {
     if (!node.origin.isRoot && !AbstractNode.isAbstract(node.origin)) {
@@ -730,88 +728,6 @@ const directionDetector = (targetNode, centerPoint) => {
     }
     return null;
 };
-/* 根据布局调整 target 以及 direction */
-const readjustmentDropTarget = (board, dropTarget) => {
-    const { target, detectResult } = dropTarget;
-    const newDropTarget = { target, detectResult };
-    const targetComponent = PlaitElement.getComponent(target);
-    if (targetComponent.node.children.length > 0 && dropTarget.detectResult) {
-        const layout = MindQueries.getCorrectLayoutByElement(board, targetComponent.node.origin);
-        const parentLayout = MindQueries.getCorrectLayoutByElement(board, targetComponent.node.origin.isRoot ? targetComponent.node.origin : targetComponent.node.parent.origin);
-        const children = getNonAbstractChildren(targetComponent.node);
-        if (['right', 'left'].includes(dropTarget.detectResult)) {
-            if (!isMixedLayout(parentLayout, layout)) {
-                if (targetComponent.node.origin.isRoot) {
-                    const layout = MindQueries.getCorrectLayoutByElement(board, targetComponent.node.origin);
-                    // 标准布局，根节点
-                    if (isStandardLayout(layout)) {
-                        const rightNodeCount = targetComponent.node.origin.rightNodeCount;
-                        if (detectResult === 'left') {
-                            // 作为左的第一个节点
-                            if (targetComponent.node.children.length === rightNodeCount) {
-                                return newDropTarget;
-                            }
-                        }
-                        else {
-                            // 作为右的第一个节点或最后一个节点
-                            if (rightNodeCount === 0) {
-                                newDropTarget.target = target;
-                            }
-                            else {
-                                newDropTarget.target = targetComponent.node.children[rightNodeCount - 1].origin;
-                                newDropTarget.detectResult = 'bottom';
-                            }
-                            return newDropTarget;
-                        }
-                    }
-                }
-                // 缩进布局探测到第一个子节点
-                if (isIndentedLayout(parentLayout)) {
-                    newDropTarget.target = targetComponent.node.children[0].origin;
-                    newDropTarget.detectResult = isTopLayout(parentLayout) ? 'bottom' : 'top';
-                    return newDropTarget;
-                }
-                // 上下布局的根节点只可以探测到上或者下，子节点的左右探测不处理，跳过。
-                if (isVerticalLogicLayout(parentLayout)) {
-                    return newDropTarget;
-                }
-                // 剩下是水平布局的默认情况：插入最后一个子节点的下方
-                const lastChildNodeIndex = children.length - 1;
-                newDropTarget.target = targetComponent.node.children[lastChildNodeIndex].origin;
-                newDropTarget.detectResult = 'bottom';
-            }
-            else {
-                // 处理左右布局下的混合布局
-                if ([MindLayoutType.left, MindLayoutType.right].includes(parentLayout)) {
-                    const layout = MindQueries.getCorrectLayoutByElement(board, targetComponent.node.origin);
-                    if (isIndentedLayout(layout)) {
-                        newDropTarget.target = targetComponent.node.children[0].origin;
-                        newDropTarget.detectResult = isTopLayout(layout) ? 'bottom' : 'top';
-                        return newDropTarget;
-                    }
-                }
-            }
-        }
-        if (['top', 'bottom'].includes(dropTarget.detectResult)) {
-            // 缩进布局移动至第一个节点
-            if (targetComponent.node.origin.isRoot && isIndentedLayout(layout)) {
-                newDropTarget.target = targetComponent.node.children[0].origin;
-                newDropTarget.detectResult = isTopLayout(layout) ? 'bottom' : 'top';
-                return newDropTarget;
-            }
-            // 上下布局，插到右边
-            const parentLayout = MindQueries.getCorrectLayoutByElement(board, targetComponent.node.origin.isRoot ? targetComponent.node.origin : targetComponent.node.parent.origin);
-            if (isVerticalLogicLayout(parentLayout)) {
-                const lastChildNodeIndex = children.length - 1;
-                newDropTarget.target = targetComponent.node.children[lastChildNodeIndex].origin;
-                newDropTarget.detectResult = 'right';
-                return newDropTarget;
-            }
-        }
-        return newDropTarget;
-    }
-    return dropTarget;
-};
 const isValidTarget = (origin, target) => {
     return origin !== target && !isChildElement(origin, target);
 };
@@ -833,7 +749,13 @@ const getPathByDropTarget = (board, dropTarget) => {
     }
     // 水平布局/标准布局：上下是兄弟节点，左右是子节点
     if (isHorizontalLogicLayout(layout)) {
-        if (dropTarget.detectResult === 'right' || dropTarget.detectResult === 'left') {
+        if (dropTarget.detectResult === 'right' && !PlaitMind.isMind(dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.target)) {
+            targetPath.push(children.length);
+        }
+        if (dropTarget.detectResult === 'right' && PlaitMind.isMind(dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.target) && isStandardLayout(layout)) {
+            targetPath.push(dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.target.rightNodeCount);
+        }
+        if (dropTarget.detectResult === 'left') {
             targetPath.push(children.length);
         }
         // 如果是上，位置不变，下插入到下一个兄弟节点
@@ -1119,8 +1041,9 @@ function drawLink(board, parentNode, node, isHorizontal, needDrawUnderline, defa
         : drawLogicLink(board, parentNode, node, isHorizontal, defaultStroke, defaultStrokeWidth);
 }
 
-const drawFakeDragNode = (board, activeComponent, offsetX, offsetY) => {
+const drawFakeDragNode = (board, element, offsetX, offsetY) => {
     var _a;
+    const activeComponent = PlaitElement.getComponent(element);
     const dragFakeNodeG = createG();
     dragFakeNodeG.classList.add('dragging', 'fake-node', 'plait-board-attached');
     const fakeDraggingNode = Object.assign(Object.assign({}, activeComponent.node), { children: [], x: activeComponent.node.x + offsetX, y: activeComponent.node.y + offsetY });
@@ -1130,14 +1053,22 @@ const drawFakeDragNode = (board, activeComponent, offsetX, offsetY) => {
     updateForeignObject(richtextG, textRectangle.width, textRectangle.height, textRectangle.x + offsetX, textRectangle.y + offsetY);
     dragFakeNodeG === null || dragFakeNodeG === void 0 ? void 0 : dragFakeNodeG.append(fakeNodeG);
     dragFakeNodeG === null || dragFakeNodeG === void 0 ? void 0 : dragFakeNodeG.append(richtextG);
+    // draw emojis
+    if (MindElement.hasEmojis(element)) {
+        const fakeEmojisG = activeComponent.emojisDrawer.g.cloneNode(true);
+        const foreignRectangle = getEmojiForeignRectangle(board, element);
+        updateForeignObject(fakeEmojisG, foreignRectangle.width, foreignRectangle.height, foreignRectangle.x + offsetX, foreignRectangle.y + offsetY);
+        dragFakeNodeG === null || dragFakeNodeG === void 0 ? void 0 : dragFakeNodeG.append(fakeEmojisG);
+    }
     return dragFakeNodeG;
 };
-const drawFakeDropNode = (board, target, path) => {
+const drawFakeDropNode = (board, dropTarget, path) => {
+    const target = dropTarget.target;
     const fakeDropNodeG = createG();
     const parent = PlaitNode.get(board, Path.parent(path));
     const layout = MindQueries.getLayoutByElement(parent);
     const isHorizontal = isHorizontalLayout(layout);
-    const { hasNextNode, hasPreviousNode } = hasPreviousOrNextOfDropPath(parent, target, path);
+    const { hasNextNode, hasPreviousNode } = hasPreviousOrNextOfDropPath(parent, dropTarget, path);
     const width = 30;
     const height = 12;
     let fakeNode, centerPoint, basicNode, linkDirection;
@@ -1146,6 +1077,16 @@ const drawFakeDropNode = (board, target, path) => {
         const parentRect = getRectangleByNode(parentNode);
         linkDirection = getLayoutDirection(parentNode, isHorizontal);
         basicNode = parentNode;
+        if (PlaitMind.isMind(target) && isStandardLayout(layout)) {
+            if (dropTarget.detectResult === 'left') {
+                linkDirection = LayoutDirection.left;
+                basicNode.left = true;
+            }
+            else {
+                linkDirection = LayoutDirection.right;
+                basicNode.left = false;
+            }
+        }
         const placement = [HorizontalPlacement.right, VerticalPlacement.middle];
         transformPlacement(placement, linkDirection);
         const parentCenterPoint = getPointByPlacement(parentRect, placement);
@@ -2796,7 +2737,7 @@ class MindNodeComponent extends PlaitPluginElementComponent {
         }
         // interactive
         fromEvent(collapseG, 'mouseup')
-            .pipe(filter(() => !this.handActive || !PlaitBoard.isReadonly(this.board)), take(1))
+            .pipe(filter(() => !this.handActive || PlaitBoard.isReadonly(this.board)), take(1))
             .subscribe(() => {
             const isCollapsed = !this.node.origin.isCollapsed;
             const newElement = { isCollapsed };
@@ -3231,7 +3172,7 @@ const withDnd = (board) => {
                 startPoint = point;
             }
             else if (isMultiple) {
-                activeElements = getFirstLevelElement(selectedElements);
+                activeElements = selectedElements;
                 startPoint = point;
             }
         }, node => {
@@ -3260,7 +3201,7 @@ const withDnd = (board) => {
             dropTarget = detectDropTarget(board, detectPoint, dropTarget, [...activeElements, ...correspondingElements]);
             if (dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.target) {
                 targetPath = getPathByDropTarget(board, dropTarget);
-                fakeDropNodeG = drawFakeDropNode(board, dropTarget.target, targetPath);
+                fakeDropNodeG = drawFakeDropNode(board, dropTarget, targetPath);
                 PlaitBoard.getHost(board).appendChild(fakeDropNodeG);
             }
             const offsetX = endPoint[0] - startPoint[0];
@@ -3269,27 +3210,29 @@ const withDnd = (board) => {
             dragFakeNodeG = createG();
             [...activeElements, ...correspondingElements].forEach(element => {
                 addActiveOnDragOrigin(element);
-                if (activeElements.includes(element)) {
-                    const activeComponent = PlaitElement.getComponent(element);
-                    const nodeG = drawFakeDragNode(board, activeComponent, offsetX, offsetY);
-                    dragFakeNodeG === null || dragFakeNodeG === void 0 ? void 0 : dragFakeNodeG.appendChild(nodeG);
-                }
+            });
+            activeElements.forEach(element => {
+                const nodeG = drawFakeDragNode(board, element, offsetX, offsetY);
+                dragFakeNodeG === null || dragFakeNodeG === void 0 ? void 0 : dragFakeNodeG.appendChild(nodeG);
             });
             PlaitBoard.getHost(board).appendChild(dragFakeNodeG);
         }
         mousemove(event);
     };
     board.globalMouseup = (event) => {
-        if (!board.options.readonly && (activeElements === null || activeElements === void 0 ? void 0 : activeElements.length)) {
-            const elements = [...activeElements, ...correspondingElements];
+        const firstLevelElements = getFirstLevelElement(activeElements);
+        if (!board.options.readonly && firstLevelElements.length) {
+            firstLevelElements.push(...correspondingElements);
             if (isDragging(board)) {
-                elements.forEach(element => removeActiveOnDragOrigin(element));
+                firstLevelElements.forEach(element => {
+                    removeActiveOnDragOrigin(element);
+                });
             }
             if (dropTarget) {
                 const targetPathRef = board.pathRef(targetPath);
                 const targetElementPathRef = board.pathRef(PlaitBoard.findPath(board, dropTarget.target));
-                const abstractRefs = getValidAbstractRefs(board, elements);
-                const normalElements = elements
+                let abstractRefs = getValidAbstractRefs(board, firstLevelElements);
+                const normalElements = firstLevelElements
                     .filter(element => !abstractRefs.some(refs => refs.abstract === element))
                     .map(element => {
                     if (AbstractNode.isAbstract(element)) {
@@ -3300,18 +3243,30 @@ const withDnd = (board) => {
                     }
                     return element;
                 });
-                const effectedAbstracts = deleteElementHandleAbstract(board, elements);
+                const hasPreviousNode = targetPath[targetPath.length - 1] !== 0;
+                if (hasPreviousNode) {
+                    const previousElement = PlaitNode.get(board, Path.previous(targetPath));
+                    const correspondingAbstract = getCorrespondingAbstract(previousElement);
+                    const targetHasCorrespondAbstract = correspondingAbstract && correspondingAbstract.end !== targetPath[targetPath.length - 1] - 1;
+                    if (targetHasCorrespondAbstract) {
+                        const adjustedNode = abstractRefs.map(ref => {
+                            return adjustAbstractToNode(ref.abstract);
+                        });
+                        normalElements.push(...adjustedNode);
+                        abstractRefs = [];
+                    }
+                }
+                const effectedAbstracts = deleteElementHandleAbstract(board, firstLevelElements);
                 insertElementHandleAbstract(board, targetPath, normalElements.length, false, effectedAbstracts);
                 MindTransforms.setAbstractsByRefs(board, effectedAbstracts);
-                let refs = deleteElementsHandleRightNodeCount(board, elements);
-                const shouldChangeRoot = isInRightBranchOfStandardLayout(dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.target) &&
-                    targetElementPathRef.current &&
-                    (Path.isSibling(targetPath, targetElementPathRef.current) || Path.equals(targetPath, targetElementPathRef.current));
+                let refs = deleteElementsHandleRightNodeCount(board, firstLevelElements);
+                const parent = PlaitNode.get(board, Path.parent(targetPath));
+                const shouldChangeRoot = isDropStandardRight(parent, dropTarget);
                 if (shouldChangeRoot && targetElementPathRef.current) {
                     refs = insertElementHandleRightNodeCount(board, targetElementPathRef.current.slice(0, 1), normalElements.length, refs);
                 }
                 MindTransforms.setRightNodeCountByRefs(board, refs);
-                MindTransforms.removeElements(board, elements);
+                MindTransforms.removeElements(board, firstLevelElements);
                 let insertPath = targetPathRef.current;
                 const parentPath = Path.parent(targetPathRef.current || targetPath);
                 if (!insertPath) {
@@ -3571,8 +3526,20 @@ const withMindExtend = (board) => {
 const DefaultHotkey = 'm';
 const withCreateMind = (board) => {
     const newBoard = board;
-    const { keydown, mousemove, mouseup } = board;
+    const { keydown, mousedown, mousemove, mouseup } = board;
     let fakeCreateNodeRef = null;
+    newBoard.mousedown = (event) => {
+        if (fakeCreateNodeRef && PlaitBoard.isPointer(board, MindPointerType.mind)) {
+            const currentOptions = board.getPluginOptions(PlaitPluginKey.withSelection);
+            board.setPluginOptions(PlaitPluginKey.withSelection, {
+                isDisabledSelect: true
+            });
+            setTimeout(() => {
+                board.setPluginOptions(PlaitPluginKey.withSelection, Object.assign({}, currentOptions));
+            }, 0);
+        }
+        mousedown(event);
+    };
     newBoard.mousemove = (event) => {
         if (PlaitBoard.isReadonly(board)) {
             mousemove(event);
@@ -3672,12 +3639,9 @@ const withMind = (board) => {
         return isRecursion(element);
     };
     board.isHitSelection = (element, range) => {
-        if (MindElement.isMindElement(board, element) && board.selection) {
+        if (MindElement.isMindElement(board, element)) {
             const client = getRectangleByNode(MindElement.getNode(element));
             const isHit = RectangleClient.isHit(RectangleClient.toRectangleClient([range.anchor, range.focus]), client);
-            if (isHit && MindElement.hasEmojis(element) && Selection.isCollapsed(range) && isHitEmojis(board, element, range.anchor)) {
-                return false;
-            }
             return isHit;
         }
         return isHitSelection(element, range);
@@ -3846,6 +3810,15 @@ class MindEmojiBaseComponent {
     get nativeElement() {
         return this.elementRef.nativeElement;
     }
+    handleClick() {
+        const currentOptions = this.board.getPluginOptions(PlaitPluginKey.withSelection);
+        this.board.setPluginOptions(PlaitPluginKey.withSelection, {
+            isDisabledSelect: true
+        });
+        setTimeout(() => {
+            this.board.setPluginOptions(PlaitPluginKey.withSelection, Object.assign({}, currentOptions));
+        }, 0);
+    }
     constructor(elementRef) {
         this.elementRef = elementRef;
         this.fontSize = 14;
@@ -3855,7 +3828,7 @@ class MindEmojiBaseComponent {
     }
 }
 MindEmojiBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: MindEmojiBaseComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-MindEmojiBaseComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: MindEmojiBaseComponent, inputs: { fontSize: "fontSize", emojiItem: "emojiItem", board: "board", element: "element" }, host: { classAttribute: "mind-node-emoji" }, ngImport: i0 });
+MindEmojiBaseComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: MindEmojiBaseComponent, inputs: { fontSize: "fontSize", emojiItem: "emojiItem", board: "board", element: "element" }, host: { listeners: { "mousedown": "handleClick()" }, classAttribute: "mind-node-emoji" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: MindEmojiBaseComponent, decorators: [{
             type: Directive,
             args: [{
@@ -3871,6 +3844,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
                 type: Input
             }], element: [{
                 type: Input
+            }], handleClick: [{
+                type: HostListener,
+                args: ['mousedown']
             }] } });
 
 /*
@@ -3881,5 +3857,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", 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_COLORS, BRANCH_WIDTH, BaseDrawer, BranchShape, DefaultAbstractNodeStyle, DefaultNodeStyle, DefaultRootStyle, ELEMENT_TO_NODE, EXTEND_OFFSET, EXTEND_RADIUS, GRAY_COLOR, IS_DRAGGING, LayoutDirection, LayoutDirectionsMap, MindElement, MindElementShape, MindEmojiBaseComponent, MindModule, MindNode, MindNodeComponent, MindPointerType, MindQueries, MindTransforms, NODE_MIN_WIDTH, PRIMARY_COLOR, PlaitMind, PlaitMindComponent, QUICK_INSERT_CIRCLE_COLOR, QUICK_INSERT_CIRCLE_OFFSET, QUICK_INSERT_INNER_CROSS_COLOR, ROOT_TOPIC_FONT_SIZE, STROKE_WIDTH, TOPIC_COLOR, TOPIC_DEFAULT_MAX_WORD_COUNT, TOPIC_FONT_SIZE, TRANSPARENT, addActiveOnDragOrigin, adjustAbstractToNode, adjustNodeToRoot, adjustRootToNode, canSetAbstract, copyNewNode, correctLayoutByDirection, createDefaultMind, createEmptyMind, createMindElement, deleteElementHandleAbstract, deleteElementsHandleRightNodeCount, detectDropTarget, directionCorrector, directionDetector, divideElementByParent, drawFakeDragNode, drawFakeDropNode, enterNodeEditing, extractNodesText, findLastChild, findLocationLeftIndex, getAbstractBranchColor, getAbstractBranchWidth, getAbstractHandleRectangle, getAllowedDirection, getAvailableSubLayoutsByLayoutDirections, getBehindAbstracts, getBranchColorByMindElement, getBranchDirectionsByLayouts, getBranchShapeByMindElement, getBranchWidthByMindElement, getChildrenCount, getCorrespondingAbstract, getDefaultBranchColor, getDefaultBranchColorByIndex, getDefaultLayout, getEmojiForeignRectangle, getEmojiRectangle, getFirstLevelElement, getHitAbstractHandle, getInCorrectLayoutDirection, getLayoutDirection$1 as getLayoutDirection, getLayoutReverseDirection, getLocationScope, getNextBranchColor, getOverallAbstracts, getPathByDropTarget, getRectangleByElement, getRectangleByNode, getRectangleByResizingLocation, getRelativeStartEndByAbstractRef, getRootLayout, getShapeByElement, getStrokeByMindElement, getTopicRectangleByElement, getTopicRectangleByNode, getValidAbstractRefs, handleTouchedAbstract, hasAfterDraw, hasPreviousOrNextOfDropPath, insertElementHandleAbstract, insertElementHandleRightNodeCount, insertMindElement, isChildElement, isChildRight, isChildUp, isCorrectLayout, isDragging, isHitEmojis, isHitMindElement, isInRightBranchOfStandardLayout, isMixedLayout, isSetAbstract, isValidTarget, isVirtualKey, readjustmentDropTarget, removeActiveOnDragOrigin, separateChildren, setIsDragging, withMind, withMindExtend };
+export { ABSTRACT_HANDLE_COLOR, ABSTRACT_HANDLE_LENGTH, ABSTRACT_HANDLE_MASK_WIDTH, ABSTRACT_INCLUDED_OUTLINE_OFFSET, AbstractHandlePosition, AbstractResizeState, BASE, BRANCH_COLORS, BRANCH_WIDTH, BaseDrawer, BranchShape, DefaultAbstractNodeStyle, DefaultNodeStyle, DefaultRootStyle, ELEMENT_TO_NODE, EXTEND_OFFSET, EXTEND_RADIUS, GRAY_COLOR, IS_DRAGGING, LayoutDirection, LayoutDirectionsMap, MindElement, MindElementShape, MindEmojiBaseComponent, MindModule, MindNode, MindNodeComponent, MindPointerType, MindQueries, MindTransforms, NODE_MIN_WIDTH, PRIMARY_COLOR, PlaitMind, PlaitMindComponent, QUICK_INSERT_CIRCLE_COLOR, QUICK_INSERT_CIRCLE_OFFSET, QUICK_INSERT_INNER_CROSS_COLOR, ROOT_TOPIC_FONT_SIZE, STROKE_WIDTH, TOPIC_COLOR, TOPIC_DEFAULT_MAX_WORD_COUNT, TOPIC_FONT_SIZE, TRANSPARENT, addActiveOnDragOrigin, adjustAbstractToNode, adjustNodeToRoot, adjustRootToNode, canSetAbstract, copyNewNode, correctLayoutByDirection, createDefaultMind, createEmptyMind, createMindElement, deleteElementHandleAbstract, deleteElementsHandleRightNodeCount, detectDropTarget, directionCorrector, directionDetector, divideElementByParent, drawFakeDragNode, drawFakeDropNode, enterNodeEditing, extractNodesText, findLastChild, findLocationLeftIndex, getAbstractBranchColor, getAbstractBranchWidth, getAbstractHandleRectangle, getAllowedDirection, getAvailableSubLayoutsByLayoutDirections, getBehindAbstracts, getBranchColorByMindElement, getBranchDirectionsByLayouts, getBranchShapeByMindElement, getBranchWidthByMindElement, getChildrenCount, getCorrespondingAbstract, getDefaultBranchColor, getDefaultBranchColorByIndex, getDefaultLayout, getEmojiForeignRectangle, getEmojiRectangle, getFirstLevelElement, getHitAbstractHandle, getInCorrectLayoutDirection, getLayoutDirection$1 as getLayoutDirection, getLayoutReverseDirection, getLocationScope, getNextBranchColor, getOverallAbstracts, getPathByDropTarget, getRectangleByElement, getRectangleByNode, getRectangleByResizingLocation, getRelativeStartEndByAbstractRef, getRootLayout, getShapeByElement, getStrokeByMindElement, getTopicRectangleByElement, getTopicRectangleByNode, getValidAbstractRefs, handleTouchedAbstract, hasAfterDraw, hasPreviousOrNextOfDropPath, insertElementHandleAbstract, insertElementHandleRightNodeCount, insertMindElement, isChildElement, isChildRight, isChildUp, isCorrectLayout, isDragging, isDropStandardRight, isHitEmojis, isHitMindElement, isInRightBranchOfStandardLayout, isMixedLayout, isSetAbstract, isValidTarget, isVirtualKey, removeActiveOnDragOrigin, separateChildren, setIsDragging, withMind, withMindExtend };
 //# sourceMappingURL=plait-mind.mjs.map