@plait/mind 0.2.0-next.5 → 0.2.0-next.8

package/interfaces/options.d.ts

@@ -0,0 +1,4 @@
+export interface MindOptions {
+    emojiPadding: number;
+    spaceBetweenEmojis: number;
+}

package/layout-option.d.ts

@@ -1,2 +1,3 @@
 import { LayoutOptions } from "@plait/layouts";
-export declare const getLayoutOptions: () => LayoutOptions;
+import { PlaitMindBoard } from "./plugins/with-extend-mind";
+export declare const getLayoutOptions: (board: PlaitMindBoard) => LayoutOptions;

package/mind.component.d.ts

@@ -4,12 +4,12 @@ import { MindNode } from './interfaces/node';
 import { BeforeContextChange, PlaitPluginElementContext } from '@plait/core';
 import { MindNodeComponent } from './node.component';
 import * as i0 from "@angular/core";
-export declare class PlaitMindComponent extends MindNodeComponent<PlaitMind> implements OnInit, BeforeContextChange<PlaitMind> {
+export declare class PlaitMindComponent extends MindNodeComponent implements OnInit, BeforeContextChange<PlaitMind> {
     root: MindNode;
     rootG: SVGGElement;
     ngOnInit(): void;
     beforeContextChange(value: PlaitPluginElementContext<PlaitMind>): void;
-    updateMindLayout(element?: PlaitMind): void;
+    updateMindLayout(element?: import("./interfaces/element").MindElement<import("@plait/mind").BaseData>): void;
     updateMindNodeLocation(element: PlaitMind): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlaitMindComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PlaitMindComponent, "plait-mind", never, {}, {}, never, never, false, never>;

package/node.component.d.ts

@@ -8,8 +8,9 @@ import { MindNode } from './interfaces/node';
 import { EmojisDrawer } from './plugins/emoji/emoji.drawer';
 import { AbstractHandlePosition } from './interfaces';
 import { QuickInsertDrawer } from './drawer/quick-insert.drawer';
+import { PlaitMindBoard } from './plugins/with-extend-mind';
 import * as i0 from "@angular/core";
-export declare class MindNodeComponent<T extends MindElement = MindElement> extends PlaitPluginElementComponent<T> implements OnInit, OnDestroy, OnContextChanged<T> {
+export declare class MindNodeComponent extends PlaitPluginElementComponent<MindElement, PlaitMindBoard> implements OnInit, OnDestroy, OnContextChanged<MindElement, PlaitMindBoard> {
     private viewContainerRef;
     protected cdr: ChangeDetectorRef;
     private render2;
@@ -34,7 +35,7 @@ export declare class MindNodeComponent<T extends MindElement = MindElement> exte
     get handActive(): boolean;
     constructor(viewContainerRef: ViewContainerRef, cdr: ChangeDetectorRef, render2: Renderer2);
     ngOnInit(): void;
-    onContextChanged(value: PlaitPluginElementContext<T>, previous: PlaitPluginElementContext<T>): void;
+    onContextChanged(value: PlaitPluginElementContext<MindElement, PlaitMindBoard>, previous: PlaitPluginElementContext<MindElement, PlaitMindBoard>): void;
     drawEmojis(): void;
     drawQuickInsert(): void;
     drawShape(): void;
@@ -57,6 +58,6 @@ export declare class MindNodeComponent<T extends MindElement = MindElement> exte
     startEditText(isEnd: boolean, isClear: boolean): void;
     trackBy: (index: number, node: MindNode) => string;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MindNodeComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MindNodeComponent<any>, "plait-mind-node", never, {}, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MindNodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MindNodeComponent, "plait-mind-node", never, {}, {}, never, never, false, never>;
 }

package/package.json

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

package/plugins/emoji/emoji-base.component.d.ts

@@ -1,14 +1,17 @@
-import { ElementRef } from '@angular/core';
-import { EmojiItem } from '../../interfaces/element-data';
+import { ElementRef, OnInit } from '@angular/core';
+import { EmojiData, EmojiItem } from '../../interfaces/element-data';
 import { PlaitBoard } from '@plait/core';
+import { MindElement } from '../../interfaces';
 import * as i0 from "@angular/core";
-export declare class MindEmojiBaseComponent {
+export declare class MindEmojiBaseComponent implements OnInit {
     protected elementRef: ElementRef<HTMLElement>;
     fontSize: number;
     emojiItem: EmojiItem;
     board: PlaitBoard;
+    element: MindElement<EmojiData>;
     get nativeElement(): HTMLElement;
     constructor(elementRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MindEmojiBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MindEmojiBaseComponent, never, never, { "fontSize": "fontSize"; "emojiItem": "emojiItem"; "board": "board"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MindEmojiBaseComponent, never, never, { "fontSize": "fontSize"; "emojiItem": "emojiItem"; "board": "board"; "element": "element"; }, {}, never, never, false, never>;
 }

package/plugins/emoji/emoji.d.ts

@@ -1,6 +1,7 @@
 import { EmojiData, MindElement } from '../../interfaces';
-export declare function getEmojisRectangle(element: MindElement<EmojiData>): {
+import { PlaitMindBoard } from '../with-extend-mind';
+export declare function getEmojisRectangle(board: PlaitMindBoard, element: MindElement<EmojiData>): {
     width: number;
     height: number;
 };
-export declare function getEmojiFontSize(element: MindElement<EmojiData>): 14 | 18;
+export declare function getEmojiFontSize(element: MindElement<EmojiData>): number;

package/plugins/emoji/emoji.drawer.d.ts

@@ -1,13 +1,13 @@
 import { ComponentRef, ViewContainerRef } from '@angular/core';
-import { EmojiItem, MindElement } from '../../interfaces';
+import { EmojiData, EmojiItem, MindElement } from '../../interfaces';
 import { MindEmojiBaseComponent } from './emoji-base.component';
-import { PlaitMindEmojiBoard } from './with-mind-emoji';
+import { PlaitMindBoard } from '../with-extend-mind';
 export declare class EmojiDrawer {
     private board;
     private viewContainerRef;
     componentRef: ComponentRef<MindEmojiBaseComponent> | null;
-    constructor(board: PlaitMindEmojiBoard, viewContainerRef: ViewContainerRef);
-    draw(emoji: EmojiItem, element: MindElement): void;
+    constructor(board: PlaitMindBoard, viewContainerRef: ViewContainerRef);
+    draw(emoji: EmojiItem, element: MindElement<EmojiData>): void;
     get nativeElement(): HTMLElement | null;
     destroy(): void;
 }
@@ -16,7 +16,7 @@ export declare class EmojisDrawer {
     private viewContainerRef;
     emojiDrawers: EmojiDrawer[];
     g?: SVGGElement;
-    constructor(board: PlaitMindEmojiBoard, viewContainerRef: ViewContainerRef);
+    constructor(board: PlaitMindBoard, viewContainerRef: ViewContainerRef);
     drawEmojis(element: MindElement): SVGGElement | undefined;
     destroy(): void;
 }

package/plugins/emoji/index.d.ts

@@ -1,3 +1,2 @@
-export * from './with-mind-emoji';
 export * from './emoji';
 export * from './emoji-base.component';

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

@@ -0,0 +1,10 @@
+import { ComponentType, PlaitBoard } from '@plait/core';
+import { MindElement } from '../interfaces/element';
+import { EmojiItem } from '../interfaces/element-data';
+import { MindEmojiBaseComponent } from './emoji';
+import { MindOptions } from '../interfaces/options';
+export interface PlaitMindBoard extends PlaitBoard {
+    drawEmoji: (emoji: EmojiItem, element: MindElement) => ComponentType<MindEmojiBaseComponent>;
+    getMindOptions: () => MindOptions;
+}
+export declare const withExtendMind: (board: PlaitBoard) => PlaitBoard & PlaitMindBoard;

package/plugins/with-mind.d.ts

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

package/public-api.d.ts

@@ -4,6 +4,7 @@ export * from './mind.module';
 export * from './utils';
 export * from './interfaces';
 export * from './plugins/with-mind';
+export * from './plugins/with-extend-mind';
 export * from './constants';
 export * from './queries/index';
 export * from './transforms/index';

package/styles/styles.scss

@@ -28,6 +28,9 @@ g[plait-mindmap='true'] {
 
     .node-emojis-container {
         display: flex;
+        position: initial;
+        align-items: center;
+        height: 100%;
         ::-moz-selection {
             /* Code for Firefox */
             background: none;

package/utils/node-space.d.ts

@@ -1,8 +1,9 @@
 import { MindElement } from '../interfaces/element';
+import { PlaitMindBoard } from '../plugins/with-extend-mind';
 export declare const NodeSpace: {
-    getNodeWidth(element: MindElement): number;
+    getNodeWidth(board: PlaitMindBoard, element: MindElement): number;
     getNodeHeight(element: MindElement): number;
-    getTextHorizontalSpace(element: MindElement): number;
+    getTextHorizontalSpace(board: PlaitMindBoard, element: MindElement): number;
     getTextVerticalSpace(element: MindElement): number;
     getEmojiHorizontalSpace(element: MindElement): number;
     getEmojiVerticalSpace(element: MindElement): number;

package/esm2020/plugins/emoji/with-mind-emoji.mjs

@@ -1,8 +0,0 @@
-export const withEmoji = (board) => {
-    const newBoard = board;
-    newBoard.drawEmoji = (emoji, element) => {
-        throw new Error('Not implement drawEmoji method error.');
-    };
-    return newBoard;
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aC1taW5kLWVtb2ppLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbWluZC9zcmMvcGx1Z2lucy9lbW9qaS93aXRoLW1pbmQtZW1vamkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUMsS0FBaUIsRUFBRSxFQUFFO0lBQzNDLE1BQU0sUUFBUSxHQUFHLEtBQXlDLENBQUM7SUFFM0QsUUFBUSxDQUFDLFNBQVMsR0FBRyxDQUFDLEtBQWdCLEVBQUUsT0FBb0IsRUFBRSxFQUFFO1FBQzVELE1BQU0sSUFBSSxLQUFLLENBQUMsdUNBQXVDLENBQUMsQ0FBQztJQUM3RCxDQUFDLENBQUM7SUFFRixPQUFPLFFBQVEsQ0FBQztBQUNwQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnRUeXBlLCBQbGFpdEJvYXJkLCBQbGFpdFBsdWdpbiB9IGZyb20gJ0BwbGFpdC9jb3JlJztcbmltcG9ydCB7IE1pbmRFbGVtZW50IH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9lbGVtZW50JztcbmltcG9ydCB7IEVtb2ppSXRlbSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvZWxlbWVudC1kYXRhJztcbmltcG9ydCB7IE1pbmRFbW9qaUJhc2VDb21wb25lbnQgfSBmcm9tICcuL2Vtb2ppLWJhc2UuY29tcG9uZW50JztcblxuZXhwb3J0IGludGVyZmFjZSBQbGFpdE1pbmRFbW9qaUJvYXJkIGV4dGVuZHMgUGxhaXRCb2FyZCB7XG4gICAgZHJhd0Vtb2ppOiAoZW1vamk6IEVtb2ppSXRlbSwgZWxlbWVudDogTWluZEVsZW1lbnQpID0+IENvbXBvbmVudFR5cGU8TWluZEVtb2ppQmFzZUNvbXBvbmVudD47XG59XG5cbmV4cG9ydCBjb25zdCB3aXRoRW1vamkgPSAoYm9hcmQ6IFBsYWl0Qm9hcmQpID0+IHtcbiAgICBjb25zdCBuZXdCb2FyZCA9IGJvYXJkIGFzIFBsYWl0Qm9hcmQgJiBQbGFpdE1pbmRFbW9qaUJvYXJkO1xuXG4gICAgbmV3Qm9hcmQuZHJhd0Vtb2ppID0gKGVtb2ppOiBFbW9qaUl0ZW0sIGVsZW1lbnQ6IE1pbmRFbGVtZW50KSA9PiB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignTm90IGltcGxlbWVudCBkcmF3RW1vamkgbWV0aG9kIGVycm9yLicpO1xuICAgIH07XG5cbiAgICByZXR1cm4gbmV3Qm9hcmQ7XG59O1xuIl19

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

@@ -1,8 +0,0 @@
-import { ComponentType, PlaitBoard } from '@plait/core';
-import { MindElement } from '../../interfaces/element';
-import { EmojiItem } from '../../interfaces/element-data';
-import { MindEmojiBaseComponent } from './emoji-base.component';
-export interface PlaitMindEmojiBoard extends PlaitBoard {
-    drawEmoji: (emoji: EmojiItem, element: MindElement) => ComponentType<MindEmojiBaseComponent>;
-}
-export declare const withEmoji: (board: PlaitBoard) => PlaitBoard & PlaitMindEmojiBoard;