@plait/mind 0.2.0-next.4 → 0.2.0-next.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/mind",
-  "version": "0.2.0-next.4",
+  "version": "0.2.0-next.7",
   "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

@@ -3,4 +3,4 @@ export declare function getEmojisRectangle(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,5 +1,5 @@
 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';
 export declare class EmojiDrawer {
@@ -7,7 +7,7 @@ export declare class EmojiDrawer {
     private viewContainerRef;
     componentRef: ComponentRef<MindEmojiBaseComponent> | null;
     constructor(board: PlaitMindEmojiBoard, viewContainerRef: ViewContainerRef);
-    draw(emoji: EmojiItem, element: MindElement): void;
+    draw(emoji: EmojiItem, element: MindElement<EmojiData>): void;
     get nativeElement(): HTMLElement | null;
     destroy(): void;
 }

package/styles/styles.scss

@@ -28,6 +28,12 @@ g[plait-mindmap='true'] {
 
     .node-emojis-container {
         display: flex;
+        position: initial;
+        align-items: center;
+        height: 100%;
+        .mind-node-emoji:not(:last-child) {
+            margin-right: 4px;
+        }
         ::-moz-selection {
             /* Code for Firefox */
             background: none;

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

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