@plait/mind 0.10.0 → 0.12.0

package/fesm2020/plait-mind.mjs

@@ -735,10 +735,10 @@ const isDragging = (board) => {
 const setIsDragging = (board, state) => {
     IS_DRAGGING.set(board, state);
     if (state) {
-        PlaitBoard.getBoardNativeElement(board).classList.add('mind-node-dragging');
+        PlaitBoard.getBoardContainer(board).classList.add('mind-node-dragging');
     }
     else {
-        PlaitBoard.getBoardNativeElement(board).classList.remove('mind-node-dragging');
+        PlaitBoard.getBoardContainer(board).classList.remove('mind-node-dragging');
     }
 };
 const hasPreviousOrNextOfDropPath = (parent, dropTarget, dropPath) => {
@@ -2459,7 +2459,7 @@ function drawAbstractIncludedOutline(board, roughSVG, element, activeHandlePosit
     const endPoint2 = moveXOfPoint(endCenterPoint, ABSTRACT_HANDLE_LENGTH / 2, linkDirection);
     const startHandle = roughSVG.line(startPoint1[0], startPoint1[1], startPoint2[0], startPoint2[1], getHandleOption(activeHandlePosition === AbstractHandlePosition.start));
     const endHandle = roughSVG.line(endPoint1[0], endPoint1[1], endPoint2[0], endPoint2[1], getHandleOption(activeHandlePosition === AbstractHandlePosition.end));
-    changeBoardClass(board, activeHandlePosition, isHorizontal);
+    handleBoardClass(board, activeHandlePosition, isHorizontal);
     startHandle.setAttribute('stroke-linecap', 'round');
     endHandle.setAttribute('stroke-linecap', 'round');
     abstractIncludedG.append(startHandle);
@@ -2480,18 +2480,18 @@ function getHandleOption(isHover) {
             fillStyle: 'solid'
         };
 }
-function changeBoardClass(board, activeHandlePosition, isHorizontal) {
+function handleBoardClass(board, activeHandlePosition, isHorizontal) {
     if (activeHandlePosition) {
         if (isHorizontal) {
-            PlaitBoard.getBoardNativeElement(board).classList.add('abstract-resizing-horizontal');
+            PlaitBoard.getBoardContainer(board).classList.add('abstract-resizing-horizontal');
         }
         else {
-            PlaitBoard.getBoardNativeElement(board).classList.add('abstract-resizing-vertical');
+            PlaitBoard.getBoardContainer(board).classList.add('abstract-resizing-vertical');
         }
     }
     else {
-        PlaitBoard.getBoardNativeElement(board).classList.remove('abstract-resizing-horizontal');
-        PlaitBoard.getBoardNativeElement(board).classList.remove('abstract-resizing-vertical');
+        PlaitBoard.getBoardContainer(board).classList.remove('abstract-resizing-horizontal');
+        PlaitBoard.getBoardContainer(board).classList.remove('abstract-resizing-vertical');
     }
 }
 
@@ -2625,6 +2625,9 @@ class CollapseDrawer extends BaseDrawer {
     }
 }
 
+// 1. When the text at the end has an italic attribute, the text is partially covered
+// 2. There will be some differences in the width measured by different browsers
+const WIDTH_BUFFER = 4;
 class MindNodeComponent extends PlaitPluginElementComponent {
     constructor(viewContainerRef, cdr) {
         super(cdr);
@@ -2641,8 +2644,11 @@ class MindNodeComponent extends PlaitPluginElementComponent {
         this.nodeInsertDrawer = new NodeInsertDrawer(this.board);
         this.activeDrawer = new NodeActiveDrawer(this.board);
         this.collapseDrawer = new CollapseDrawer(this.board);
+        const plugins = this.board.getMindOptions().textPlugins;
         this.textManage = new TextManage(this.board, this.viewContainerRef, () => {
-            return getTopicRectangleByNode(this.board, this.node);
+            const rect = getTopicRectangleByNode(this.board, this.node);
+            rect.width = rect.width + WIDTH_BUFFER;
+            return rect;
         }, (point) => {
             return isHitMindElement(this.board, point, this.element);
         }, (textManageRef) => {
@@ -2654,7 +2660,7 @@ class MindNodeComponent extends PlaitPluginElementComponent {
             else {
                 MindTransforms.setTopicSize(this.board, this.element, width, height);
             }
-        });
+        }, plugins);
     }
     ngOnInit() {
         super.ngOnInit();
@@ -3473,7 +3479,7 @@ const withNodeHover = (board) => {
                 else {
                     return false;
                 }
-            });
+            }, true);
             if (hoveredMindElement && target && hoveredMindElement === target) {
                 return;
             }