@plait/mind 0.4.0 → 0.6.0

package/interfaces/index.d.ts

@@ -3,3 +3,4 @@ export * from './element-data';
 export * from './node';
 export * from './layout';
 export * from './pointer';
+export * from './theme-color';

package/interfaces/theme-color.d.ts

@@ -0,0 +1,14 @@
+import { ThemeColor, ThemeColorMode } from '@plait/core';
+export interface MindThemeColor extends ThemeColor {
+    mode: ThemeColorMode | string;
+    branchColors: string[];
+    rootFill: string;
+    rootTextColor: string;
+}
+export declare const MindDefaultThemeColor: MindThemeColor;
+export declare const MindColorfulThemeColor: MindThemeColor;
+export declare const MindSoftThemeColor: MindThemeColor;
+export declare const MindRetroThemeColor: MindThemeColor;
+export declare const MindDarkThemeColor: MindThemeColor;
+export declare const MindStarryThemeColor: MindThemeColor;
+export declare const MindThemeColors: MindThemeColor[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/mind",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "peerDependencies": {
     "@angular/common": "^15.2.2",
     "@angular/core": "^15.2.2"

package/plugins/with-mind-hotkey.d.ts

@@ -0,0 +1,3 @@
+import { PlaitBoard } from '@plait/core';
+export declare const withMindHotkey: (board: PlaitBoard) => PlaitBoard;
+export declare const isExpandHotkey: (keyboardEvent: KeyboardEvent) => boolean;

package/plugins/with-mind.d.ts

@@ -1,2 +1,2 @@
 import { PlaitBoard } from '@plait/core';
-export declare const withMind: (board: PlaitBoard) => PlaitBoard & import("@plait/mind").PlaitMindBoard;
+export declare const withMind: (board: PlaitBoard) => PlaitBoard;

package/styles/mixins.scss

@@ -0,0 +1,31 @@
+@mixin node-color{
+    &.theme-default,
+    &.theme-soft {
+        .root-node {
+            color: #333333;
+        }
+        .child-node {
+            color: #333333;
+        }
+    }
+
+    &.theme-colorful,
+    &.theme-retro {
+        .root-node {
+            color: #ffffff;
+        }
+        .child-node {
+            color: #333333;
+        }
+    }
+
+    &.theme-dark,
+    &.theme-starry {
+        .root-node {
+            color: #333333;
+        }
+        .child-node {
+            color: #ffffff;
+        }
+    }
+}

package/styles/styles.scss

@@ -1,3 +1,5 @@
+@use './mixins.scss' as mixins;
+
 $primary: #4e8afa;
 
 g[plait-mindmap='true'] {
@@ -21,8 +23,7 @@ g[plait-mindmap='true'] {
         }
     }
 
-    .dragging-origin,
-    .dragging-child {
+    .dragging-node {
         opacity: 0.6;
     }
 }
@@ -115,4 +116,6 @@ g[plait-mindmap='true'] {
             }
         }
     }
+
+    @include mixins.node-color();
 }

package/utils/dnd/common.d.ts

@@ -1,11 +1,19 @@
 import { MindElement } from '../../interfaces/element';
 import { Path, PlaitBoard } from '@plait/core';
+import { DetectResult } from '../../interfaces/node';
 export declare const IS_DRAGGING: WeakMap<PlaitBoard, boolean>;
-export declare const addActiveOnDragOrigin: (activeElement: MindElement, isOrigin?: boolean) => void;
-export declare const removeActiveOnDragOrigin: (activeElement: MindElement, isOrigin?: boolean) => void;
+export declare const addActiveOnDragOrigin: (activeElement: MindElement) => void;
+export declare const removeActiveOnDragOrigin: (activeElement: MindElement) => void;
 export declare const isDragging: (board: PlaitBoard) => boolean;
 export declare const setIsDragging: (board: PlaitBoard, state: boolean) => void;
-export declare const hasPreviousOrNextOfDropPath: (parent: MindElement, target: MindElement, dropPath: Path) => {
+export declare const hasPreviousOrNextOfDropPath: (parent: MindElement, dropTarget: {
+    target: MindElement;
+    detectResult: DetectResult;
+}, dropPath: Path) => {
     hasPreviousNode: boolean;
     hasNextNode: boolean;
 };
+export declare const isDropStandardRight: (parent: MindElement, dropTarget: {
+    target: MindElement;
+    detectResult: DetectResult;
+}) => boolean;

package/utils/dnd/detector.d.ts

@@ -11,13 +11,6 @@ export declare const detectDropTarget: (board: PlaitBoard, detectPoint: Point, d
     detectResult: DetectResult;
 } | null;
 export declare const directionDetector: (targetNode: MindNode, centerPoint: Point) => DetectResult[] | null;
-export declare const readjustmentDropTarget: (board: PlaitBoard, dropTarget: {
-    target: MindElement;
-    detectResult: DetectResult;
-}) => {
-    target: MindElement;
-    detectResult: DetectResult;
-};
 export declare const isValidTarget: (origin: MindElement, target: MindElement) => boolean;
 export declare const getPathByDropTarget: (board: PlaitBoard, dropTarget: {
     target: MindElement;

package/utils/draw/node-dnd.d.ts

@@ -1,5 +1,7 @@
-import { MindElement } from '../../interfaces';
-import { MindNodeComponent } from '../../node.component';
+import { DetectResult, MindElement } from '../../interfaces';
 import { PlaitBoard, Path } from '@plait/core';
-export declare const drawFakeDragNode: (board: PlaitBoard, activeComponent: MindNodeComponent, offsetX: number, offsetY: number) => SVGGElement;
-export declare const drawFakeDropNode: (board: PlaitBoard, target: MindElement, path: Path) => SVGGElement;
+export declare const drawFakeDragNode: (board: PlaitBoard, element: MindElement, offsetX: number, offsetY: number) => SVGGElement;
+export declare const drawFakeDropNode: (board: PlaitBoard, dropTarget: {
+    target: MindElement;
+    detectResult: DetectResult;
+}, path: Path) => SVGGElement;

package/utils/mind.d.ts

@@ -1,16 +1,16 @@
 import { Path, PlaitBoard } from '@plait/core';
-import { MindNode } from '../interfaces';
 import { MindElement } from '../interfaces/element';
+import { MindNode } from '../interfaces/node';
 export declare const getChildrenCount: (element: MindElement) => number;
 export declare const isChildElement: (origin: MindElement, child: MindElement) => boolean;
-export declare const getFirstLevelElement: (elements: MindElement[]) => MindElement<import("../interfaces").BaseData>[];
+export declare const getFirstLevelElement: (elements: MindElement[]) => MindElement<import("@plait/mind").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>;
+export declare const copyNewNode: (node: MindElement) => MindElement<import("@plait/mind").BaseData>;
 export declare const extractNodesText: (node: MindElement) => string;
 export declare const insertMindElement: (board: PlaitBoard, inheritNode: MindElement, path: Path) => void;
 export declare const findLastChild: (child: MindNode) => MindNode;
 export declare const divideElementByParent: (elements: MindElement[]) => {
-    parentElements: MindElement<import("../interfaces").BaseData>[];
-    abstractIncludedGroups: MindElement<import("../interfaces").BaseData>[][];
+    parentElements: MindElement<import("@plait/mind").BaseData>[];
+    abstractIncludedGroups: MindElement<import("@plait/mind").BaseData>[][];
 };

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

@@ -1,9 +1,10 @@
 import { PlaitBoard, Point } from '@plait/core';
 import { MindLayoutType } from '@plait/layouts';
-import { MindElement, MindElementShape } from '../../interfaces/element';
+import { BranchShape, MindElement, MindElementShape } from '../../interfaces/element';
 export declare const createEmptyMind: (board: PlaitBoard, point: Point) => MindElement<import("@plait/mind").BaseData>;
 export declare const createDefaultMind: (point: Point, rightNodeCount: number, layout: MindLayoutType) => MindElement<import("@plait/mind").BaseData>;
-export declare const createMindElement: (text: string, width: number, height: number, options: {
+export declare const createMindElement: (text: string, width: number, height: number, options: InheritAttribute) => MindElement<import("@plait/mind").BaseData>;
+export interface InheritAttribute {
     fill?: string;
     strokeColor?: string;
     strokeWidth?: number;
@@ -11,4 +12,5 @@ export declare const createMindElement: (text: string, width: number, height: nu
     layout?: MindLayoutType;
     branchColor?: string;
     branchWidth?: number;
-}) => MindElement<import("@plait/mind").BaseData>;
+    branchShape?: BranchShape;
+}

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

@@ -3,11 +3,13 @@
  */
 import { PlaitBoard } from '@plait/core';
 import { MindElement } from '../../interfaces/element';
+import { MindThemeColor } from '../../interfaces/theme-color';
 export declare const getBranchColorByMindElement: (board: PlaitBoard, element: MindElement) => any;
 export declare const getBranchShapeByMindElement: (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 getNextBranchColor: (board: PlaitBoard, root: MindElement) => string;
 export declare const getDefaultBranchColor: (board: PlaitBoard, element: MindElement) => string;
-export declare const getDefaultBranchColorByIndex: (index: number) => string;
+export declare const getDefaultBranchColorByIndex: (board: PlaitBoard, index: number) => string;
+export declare const getMindThemeColor: (board: PlaitBoard) => MindThemeColor;