@plait/mind 0.2.0-next.9 → 0.2.2

package/interfaces/element.d.ts

@@ -31,9 +31,11 @@ export declare const MindElement: {
     isIndentedLayout(value: MindElement): boolean;
     isMindElement(board: PlaitBoard, element: PlaitElement): element is MindElement<BaseData>;
     getParent(node: MindElement): MindElement<BaseData>;
+    findParent(node: MindElement): MindElement<BaseData> | undefined;
     getRoot(board: PlaitBoard, element: MindElement): PlaitMind;
     getAncestors(board: PlaitBoard, element: MindElement): PlaitElement[];
     getNode(element: MindElement): import("@plait/mind").MindNode;
+    findParentNode(element: MindElement): import("@plait/mind").MindNode | undefined;
     hasEmojis(element: MindElement): element is MindElement<EmojiData>;
     getEmojis(element: MindElement<EmojiData>): import("./element-data").EmojiItem[];
 };

package/interfaces/node.d.ts

@@ -17,7 +17,6 @@ export interface MindNode {
 }
 export declare const MindNode: {
     get(root: MindNode, path: Path): MindNode;
-    isEquals(node: MindNode, otherNode: MindNode): boolean;
 };
 export type ExtendLayoutType = Exclude<MindLayoutType, MindLayoutType.standard>;
 export type CoordinateType = {

package/node.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ComponentRef, OnDestroy, OnInit, Renderer2, ViewContainerRef } from '@angular/core';
+import { ChangeDetectorRef, ComponentRef, NgZone, OnDestroy, OnInit, Renderer2, ViewContainerRef } from '@angular/core';
 import { PlaitPluginElementComponent, PlaitPluginElementContext, OnContextChanged } from '@plait/core';
 import { PlaitRichtextComponent } from '@plait/richtext';
 import { RoughSVG } from 'roughjs/bin/svg';
@@ -14,10 +14,10 @@ export declare class MindNodeComponent extends PlaitPluginElementComponent<MindE
     private viewContainerRef;
     protected cdr: ChangeDetectorRef;
     private render2;
+    private ngZone;
     isEditable: boolean;
     roughSVG: RoughSVG;
     node: MindNode;
-    parent: MindNode;
     index: number;
     abstractIncludedOutlineG?: SVGGElement;
     parentG: SVGGElement;
@@ -33,7 +33,7 @@ export declare class MindNodeComponent extends PlaitPluginElementComponent<MindE
     emojisDrawer: EmojisDrawer;
     quickInsertDrawer: QuickInsertDrawer;
     get handActive(): boolean;
-    constructor(viewContainerRef: ViewContainerRef, cdr: ChangeDetectorRef, render2: Renderer2);
+    constructor(viewContainerRef: ViewContainerRef, cdr: ChangeDetectorRef, render2: Renderer2, ngZone: NgZone);
     ngOnInit(): void;
     onContextChanged(value: PlaitPluginElementContext<MindElement, PlaitMindBoard>, previous: PlaitPluginElementContext<MindElement, PlaitMindBoard>): void;
     drawEmojis(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/mind",
-  "version": "0.2.0-next.9",
+  "version": "0.2.2",
   "peerDependencies": {
     "@angular/common": "^13.3.0",
     "@angular/core": "^13.3.0"

package/plugins/emoji/emoji.d.ts

@@ -1,7 +1,11 @@
+import { PlaitBoard, Point, RectangleClient } from '@plait/core';
 import { EmojiData, MindElement } from '../../interfaces';
 import { PlaitMindBoard } from '../with-extend-mind';
-export declare function getEmojisRectangle(board: PlaitMindBoard, element: MindElement<EmojiData>): {
+export declare function getEmojisWidthHeight(board: PlaitMindBoard, element: MindElement<EmojiData>): {
     width: number;
     height: number;
 };
 export declare function getEmojiFontSize(element: MindElement<EmojiData>): number;
+export declare function getEmojiRectangle(board: PlaitMindBoard, element: MindElement<EmojiData>): RectangleClient;
+export declare function getEmojiForeignRectangle(board: PlaitMindBoard, element: MindElement<EmojiData>): RectangleClient;
+export declare const isHitEmojis: (board: PlaitBoard, element: MindElement<EmojiData>, point: Point) => boolean;

package/styles/styles.scss

@@ -25,20 +25,6 @@ g[plait-mindmap='true'] {
     .dragging-child {
         opacity: 0.6;
     }
-
-    .node-emojis-container {
-        display: flex;
-        position: initial;
-        align-items: center;
-        height: 100%;
-        ::-moz-selection {
-            /* Code for Firefox */
-            background: none;
-        }
-        ::selection {
-            background: none;
-        }
-    }
 }
 
 .plait-board-container {
@@ -105,11 +91,25 @@ g[plait-mindmap='true'] {
     &.abstract-resizing-vertical {
         cursor: ew-resize;
     }
-}
 
-.fake-node {
-    .dragging {
-        cursor: pointer;
-        opacity: 0.6;
+    .node-emojis-container {
+        display: flex;
+        position: initial;
+        align-items: center;
+        height: 100%;
+        ::-moz-selection {
+            /* Code for Firefox */
+            background: none;
+        }
+        ::selection {
+            background: none;
+        }
+    }
+
+    .fake-node {
+        &.dragging {
+            cursor: pointer;
+            opacity: 0.6;
+        }
     }
 }

package/utils/index.d.ts

@@ -2,7 +2,6 @@ export * from './graph';
 export * from './weak-maps';
 export * from './mind';
 export * from './layout';
-export * from './shape';
 export * from './node-style';
 export * from './is-virtual-key';
 export * from './draw-placeholder';

package/utils/mind.d.ts

@@ -2,14 +2,13 @@ import { MindLayoutType } from '@plait/layouts';
 import { Path, PlaitBoard, Point } from '@plait/core';
 import { MindElementShape, MindNode } from '../interfaces';
 import { MindElement } from '../interfaces/element';
-export declare function findParentElement(element: MindElement): MindElement | undefined;
 export declare function findUpElement(element: MindElement): {
     root: MindElement;
     branch?: MindElement;
 };
 export declare const getChildrenCount: (element: MindElement) => number;
 export declare const isChildElement: (origin: MindElement, child: MindElement) => boolean;
-export declare const filterChildElement: (elements: MindElement[]) => MindElement<import("../interfaces").BaseData>[];
+export declare const getFirstLevelElement: (elements: MindElement[]) => MindElement<import("../interfaces").BaseData>[];
 export declare const isChildRight: (node: MindNode, child: MindNode) => boolean;
 export declare const isChildUp: (node: MindNode, child: MindNode) => boolean;
 export declare const copyNewNode: (node: MindElement) => MindElement<import("../interfaces").BaseData>;

package/utils/node-space.d.ts

@@ -1,10 +1,11 @@
 import { MindElement } from '../interfaces/element';
 import { PlaitMindBoard } from '../plugins/with-extend-mind';
+import { EmojiData } from '../interfaces/element-data';
 export declare const NodeSpace: {
     getNodeWidth(board: PlaitMindBoard, element: MindElement): number;
     getNodeHeight(element: MindElement): number;
-    getTextHorizontalSpace(board: PlaitMindBoard, element: MindElement): number;
-    getTextVerticalSpace(element: MindElement): number;
-    getEmojiHorizontalSpace(element: MindElement): number;
-    getEmojiVerticalSpace(element: MindElement): number;
+    getTextLeftSpace(board: PlaitMindBoard, element: MindElement): number;
+    getTextTopSpace(element: MindElement): number;
+    getEmojiLeftSpace(board: PlaitMindBoard, element: MindElement<EmojiData>): number;
+    getEmojiTopSpace(element: MindElement): number;
 };

package/utils/node-style/branch.d.ts

@@ -3,8 +3,10 @@
  */
 import { PlaitBoard } from '@plait/core';
 import { MindElement } from '../../interfaces/element';
-export declare const getBranchColorByMindElement: (board: PlaitBoard, element: MindElement) => string;
-export declare const getBranchWidthByMindElement: (board: PlaitBoard, element: MindElement) => number;
+export declare const getBranchColorByMindElement: (board: PlaitBoard, element: MindElement) => any;
+export declare const getBranchWidthByMindElement: (board: PlaitBoard, element: MindElement) => any;
 export declare const getAbstractBranchWidth: (board: PlaitBoard, element: MindElement) => number | undefined;
 export declare const getAbstractBranchColor: (board: PlaitBoard, element: MindElement) => string;
 export declare const getNextBranchColor: (root: MindElement) => string;
+export declare const getDefaultBranchColor: (board: PlaitBoard, element: MindElement) => string;
+export declare const getDefaultBranchColorByIndex: (index: number) => string;

package/utils/node-style/common.d.ts

@@ -0,0 +1,3 @@
+import { PlaitBoard } from '@plait/core';
+import { MindElement } from '../../interfaces/element';
+export declare const getAvailableProperty: (board: PlaitBoard, element: MindElement, propertyKey: keyof MindElement) => any;

package/utils/node-style/index.d.ts

@@ -1,2 +1,3 @@
 export * from './branch';
-export * from './node';
+export * from './shape';
+export * from './shape';

package/utils/node-style/shape.d.ts

@@ -0,0 +1,4 @@
+import { PlaitBoard } from '@plait/core';
+import { MindElement, MindElementShape } from '../../interfaces/element';
+export declare const getStrokeByMindElement: (board: PlaitBoard, element: MindElement) => string;
+export declare const getShapeByElement: (board: PlaitBoard, element: MindElement) => MindElementShape;

package/esm2020/utils/node-style/node.mjs

@@ -1,23 +0,0 @@
-import { MindElement } from '../../interfaces/element';
-import { BRANCH_COLORS } from '../../constants/node-style';
-import { DefaultRootStyle } from '../../constants/node-style';
-export const getStrokeByMindElement = (board, element) => {
-    const ancestors = MindElement.getAncestors(board, element);
-    ancestors.unshift(element);
-    const ancestor = ancestors.find(value => value.strokeColor);
-    if (ancestor && ancestor.strokeColor) {
-        return ancestor.strokeColor;
-    }
-    const root = ancestors[ancestors.length - 1];
-    const branch = ancestors[ancestors.length - 2];
-    if (branch) {
-        const index = root.children.indexOf(branch);
-        const length = BRANCH_COLORS.length;
-        const remainder = index % length;
-        return BRANCH_COLORS[remainder];
-    }
-    else {
-        return DefaultRootStyle.strokeColor;
-    }
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL21pbmQvc3JjL3V0aWxzL25vZGUtc3R5bGUvbm9kZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRTlELE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUFHLENBQUMsS0FBaUIsRUFBRSxPQUFvQixFQUFFLEVBQUU7SUFDOUUsTUFBTSxTQUFTLEdBQUcsV0FBVyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFrQixDQUFDO0lBQzVFLFNBQVMsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDM0IsTUFBTSxRQUFRLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUM1RCxJQUFJLFFBQVEsSUFBSSxRQUFRLENBQUMsV0FBVyxFQUFFO1FBQ2xDLE9BQU8sUUFBUSxDQUFDLFdBQVcsQ0FBQztLQUMvQjtJQUVELE1BQU0sSUFBSSxHQUFHLFNBQVMsQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQzdDLE1BQU0sTUFBTSxHQUFHLFNBQVMsQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQy9DLElBQUksTUFBTSxFQUFFO1FBQ1IsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDNUMsTUFBTSxNQUFNLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQztRQUNwQyxNQUFNLFNBQVMsR0FBRyxLQUFLLEdBQUcsTUFBTSxDQUFDO1FBQ2pDLE9BQU8sYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0tBQ25DO1NBQU07UUFDSCxPQUFPLGdCQUFnQixDQUFDLFdBQVcsQ0FBQztLQUN2QztBQUNMLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBsYWl0Qm9hcmQgfSBmcm9tICdAcGxhaXQvY29yZSc7XG5pbXBvcnQgeyBNaW5kRWxlbWVudCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvZWxlbWVudCc7XG5pbXBvcnQgeyBCUkFOQ0hfQ09MT1JTIH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzL25vZGUtc3R5bGUnO1xuaW1wb3J0IHsgRGVmYXVsdFJvb3RTdHlsZSB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9ub2RlLXN0eWxlJztcblxuZXhwb3J0IGNvbnN0IGdldFN0cm9rZUJ5TWluZEVsZW1lbnQgPSAoYm9hcmQ6IFBsYWl0Qm9hcmQsIGVsZW1lbnQ6IE1pbmRFbGVtZW50KSA9PiB7XG4gICAgY29uc3QgYW5jZXN0b3JzID0gTWluZEVsZW1lbnQuZ2V0QW5jZXN0b3JzKGJvYXJkLCBlbGVtZW50KSBhcyBNaW5kRWxlbWVudFtdO1xuICAgIGFuY2VzdG9ycy51bnNoaWZ0KGVsZW1lbnQpO1xuICAgIGNvbnN0IGFuY2VzdG9yID0gYW5jZXN0b3JzLmZpbmQodmFsdWUgPT4gdmFsdWUuc3Ryb2tlQ29sb3IpO1xuICAgIGlmIChhbmNlc3RvciAmJiBhbmNlc3Rvci5zdHJva2VDb2xvcikge1xuICAgICAgICByZXR1cm4gYW5jZXN0b3Iuc3Ryb2tlQ29sb3I7XG4gICAgfVxuXG4gICAgY29uc3Qgcm9vdCA9IGFuY2VzdG9yc1thbmNlc3RvcnMubGVuZ3RoIC0gMV07XG4gICAgY29uc3QgYnJhbmNoID0gYW5jZXN0b3JzW2FuY2VzdG9ycy5sZW5ndGggLSAyXTtcbiAgICBpZiAoYnJhbmNoKSB7XG4gICAgICAgIGNvbnN0IGluZGV4ID0gcm9vdC5jaGlsZHJlbi5pbmRleE9mKGJyYW5jaCk7XG4gICAgICAgIGNvbnN0IGxlbmd0aCA9IEJSQU5DSF9DT0xPUlMubGVuZ3RoO1xuICAgICAgICBjb25zdCByZW1haW5kZXIgPSBpbmRleCAlIGxlbmd0aDtcbiAgICAgICAgcmV0dXJuIEJSQU5DSF9DT0xPUlNbcmVtYWluZGVyXTtcbiAgICB9IGVsc2Uge1xuICAgICAgICByZXR1cm4gRGVmYXVsdFJvb3RTdHlsZS5zdHJva2VDb2xvcjtcbiAgICB9XG59O1xuIl19

package/esm2020/utils/shape.mjs

@@ -1,17 +0,0 @@
-import { MindElementShape } from '../interfaces';
-import { findParentElement } from './mind';
-export const getNodeShapeByElement = (element) => {
-    let nodeShape = element.shape;
-    if (nodeShape) {
-        return nodeShape;
-    }
-    let parent = findParentElement(element);
-    while (parent) {
-        if (parent.shape) {
-            return parent.shape;
-        }
-        parent = findParentElement(parent);
-    }
-    return MindElementShape.roundRectangle;
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9taW5kL3NyYy91dGlscy9zaGFwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sUUFBUSxDQUFDO0FBRTNDLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLENBQUMsT0FBb0IsRUFBb0IsRUFBRTtJQUM1RSxJQUFJLFNBQVMsR0FBRyxPQUFPLENBQUMsS0FBSyxDQUFDO0lBQzlCLElBQUksU0FBUyxFQUFFO1FBQ1gsT0FBTyxTQUFTLENBQUM7S0FDcEI7SUFDRCxJQUFJLE1BQU0sR0FBRyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUV4QyxPQUFPLE1BQU0sRUFBRTtRQUNYLElBQUksTUFBTSxDQUFDLEtBQUssRUFBRTtZQUNkLE9BQU8sTUFBTSxDQUFDLEtBQUssQ0FBQztTQUN2QjtRQUNELE1BQU0sR0FBRyxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsQ0FBQztLQUN0QztJQUNELE9BQU8sZ0JBQWdCLENBQUMsY0FBYyxDQUFDO0FBQzNDLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1pbmRFbGVtZW50LCBNaW5kRWxlbWVudFNoYXBlIH0gZnJvbSAnLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBmaW5kUGFyZW50RWxlbWVudCB9IGZyb20gJy4vbWluZCc7XG5cbmV4cG9ydCBjb25zdCBnZXROb2RlU2hhcGVCeUVsZW1lbnQgPSAoZWxlbWVudDogTWluZEVsZW1lbnQpOiBNaW5kRWxlbWVudFNoYXBlID0+IHtcbiAgICBsZXQgbm9kZVNoYXBlID0gZWxlbWVudC5zaGFwZTtcbiAgICBpZiAobm9kZVNoYXBlKSB7XG4gICAgICAgIHJldHVybiBub2RlU2hhcGU7XG4gICAgfVxuICAgIGxldCBwYXJlbnQgPSBmaW5kUGFyZW50RWxlbWVudChlbGVtZW50KTtcblxuICAgIHdoaWxlIChwYXJlbnQpIHtcbiAgICAgICAgaWYgKHBhcmVudC5zaGFwZSkge1xuICAgICAgICAgICAgcmV0dXJuIHBhcmVudC5zaGFwZTtcbiAgICAgICAgfVxuICAgICAgICBwYXJlbnQgPSBmaW5kUGFyZW50RWxlbWVudChwYXJlbnQpO1xuICAgIH1cbiAgICByZXR1cm4gTWluZEVsZW1lbnRTaGFwZS5yb3VuZFJlY3RhbmdsZTtcbn07XG4iXX0=

package/utils/node-style/node.d.ts

@@ -1,3 +0,0 @@
-import { PlaitBoard } from '@plait/core';
-import { MindElement } from '../../interfaces/element';
-export declare const getStrokeByMindElement: (board: PlaitBoard, element: MindElement) => string;

package/utils/shape.d.ts

@@ -1,2 +0,0 @@
-import { MindElement, MindElementShape } from '../interfaces';
-export declare const getNodeShapeByElement: (element: MindElement) => MindElementShape;