@plait/mind 0.61.2 → 0.62.0-next.1

package/generators/node-emojis.generator.d.ts

@@ -1,23 +1,21 @@
-import { ComponentRef, ViewContainerRef } from '@angular/core';
 import { EmojiData, EmojiItem, MindElement } from '../interfaces';
-import { MindEmojiBaseComponent } from '../base/emoji-base.component';
+import { PlaitBoard } from '@plait/core';
 import { PlaitMindBoard } from '../plugins/with-mind.board';
+import { EmojiComponentRef, PlaitMindEmojiBoard } from '../emoji/with-emoji';
+export declare const FOREIGN_OBJECT_EMOJI_CLASS_NAME = "foreign-object-emoji";
 declare class EmojiGenerator {
     private board;
-    private viewContainerRef;
-    componentRef: ComponentRef<MindEmojiBaseComponent> | null;
-    constructor(board: PlaitMindBoard, viewContainerRef: ViewContainerRef);
-    draw(emoji: EmojiItem, element: MindElement<EmojiData>): void;
-    get nativeElement(): HTMLElement | null;
+    emojiComponentRef: EmojiComponentRef | null;
+    constructor(board: PlaitMindEmojiBoard & PlaitBoard);
+    draw(container: Element | DocumentFragment, emoji: EmojiItem, element: MindElement<EmojiData>): void;
     destroy(): void;
 }
 export declare class NodeEmojisGenerator {
     private board;
-    private viewContainerRef;
     static key: string;
     emojiGenerators: EmojiGenerator[];
     g?: SVGGElement;
-    constructor(board: PlaitMindBoard, viewContainerRef: ViewContainerRef);
+    constructor(board: PlaitMindBoard);
     drawEmojis(element: MindElement): SVGGElement | undefined;
     destroy(): void;
 }

package/interfaces/element-data.d.ts

@@ -1,5 +1,4 @@
-import { CommonImageItem } from '@plait/common';
-import { ParagraphElement } from '@plait/text';
+import { CommonImageItem, ParagraphElement } from '@plait/common';
 export interface EmojiItem {
     name: string;
 }

package/interfaces/options.d.ts

@@ -1,7 +1,5 @@
-import { ComponentType, WithPluginOptions } from '@plait/core';
-import { MindEmojiBaseComponent } from '../base/emoji-base.component';
+import { WithPluginOptions } from '@plait/core';
 export interface WithMindOptions extends WithPluginOptions {
     emojiPadding: number;
     spaceBetweenEmojis: number;
-    emojiComponentType?: ComponentType<MindEmojiBaseComponent>;
 }

package/mind-node.component.d.ts

@@ -1,5 +1,4 @@
 import { PlaitPluginElementContext, OnContextChanged } from '@plait/core';
-import { TextManage } from '@plait/text';
 import { RoughSVG } from 'roughjs/bin/svg';
 import { MindElement } from './interfaces/element';
 import { MindNode } from './interfaces/node';
@@ -8,7 +7,7 @@ import { NodePlusGenerator } from './generators/node-plus.generator';
 import { PlaitMindBoard } from './plugins/with-mind.board';
 import { NodeActiveGenerator } from './generators/node-active.generator';
 import { CollapseGenerator } from './generators/node-collapse.generator';
-import { CommonElementFlavour, ImageGenerator } from '@plait/common';
+import { CommonElementFlavour, ImageGenerator, TextManage } from '@plait/common';
 import { NodeShapeGenerator } from './generators/node-shape.generator';
 import { ImageData } from './interfaces';
 export declare class MindNodeComponent extends CommonElementFlavour<MindElement, PlaitMindBoard> implements OnContextChanged<MindElement, PlaitMindBoard> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/mind",
-  "version": "0.61.2",
+  "version": "0.62.0-next.1",
   "peerDependencies": {
     "@angular/common": "^17.2.4",
     "@angular/core": "^17.2.4"

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

@@ -1,6 +1,6 @@
 import { PlaitBoard } from '@plait/core';
 import { PlaitMindBoard } from './with-mind.board';
-import { TextManage } from '@plait/text';
+import { TextManage } from '@plait/common';
 export interface FakeCreateNodeRef {
     g: SVGGElement;
     nodeG: SVGGElement;

package/plugins/with-mind.d.ts

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

package/public-api.d.ts

@@ -7,6 +7,6 @@ export * from './plugins/with-mind-extend';
 export * from './constants';
 export * from './queries/index';
 export * from './transforms/index';
-export * from './base';
+export * from './emoji';
 export * from './plugins/with-mind.board';
 export * from './plugins/with-abstract-resize.board';

package/styles/mixins.scss

@@ -1,7 +1,7 @@
 @mixin node-color {
     &.theme-default,
     &.theme-soft {
-        .plait-richtext-container {
+        .plait-text-container {
             color: #333333;
         }
     }
@@ -9,7 +9,7 @@
     &.theme-colorful,
     &.theme-retro {
         .root {
-            .plait-richtext-container {
+            .plait-text-container {
                 color: #ffffff;
             }
         }
@@ -17,11 +17,11 @@
 
     &.theme-dark,
     &.theme-starry {
-        .plait-richtext-container {
+        .plait-text-container {
             color: #ffffff;
         }
         .root {
-            .plait-richtext-container {
+            .plait-text-container {
                 color: #333333;
             }
         }

package/styles/styles.scss

@@ -134,14 +134,14 @@ $primary: #4e8afa;
             opacity: 0.6;
             // Compact: Safari
             // Opacity property will cause text position warning
-            // .plait-richtext-container {
+            // .plait-text-container {
             //     opacity: 0.6;
             // }
         }
     }
 
     .root {
-        .plait-richtext-container {
+        .plait-text-container {
             font-size: 18px;
             min-height: 25px;
             line-height: 25px;

package/utils/clipboard.d.ts

@@ -2,6 +2,15 @@ import { PlaitBoard, PlaitElement, Point, WritableClipboardOperationType } from
 import { MindElement } from '../interfaces';
 import { Element } from 'slate';
 import { PlaitMindBoard } from '../plugins/with-mind.board';
+import { ParagraphElement } from '@plait/common';
 export declare const buildClipboardData: (board: PlaitBoard, selectedElements: MindElement[], startPoint: Point) => MindElement<import("../interfaces").BaseData>[];
 export declare const insertClipboardData: (board: PlaitMindBoard, elements: PlaitElement[], targetPoint: Point, operationType?: WritableClipboardOperationType) => void;
 export declare const insertClipboardText: (board: PlaitMindBoard, targetParent: PlaitElement, text: string | Element) => void;
+export declare const getTopicSizeByElement: (element: MindElement, parentElement?: MindElement) => {
+    width: number;
+    height: number;
+};
+export declare const getTopicSize: (isRoot: boolean, isBranch: boolean, topic: ParagraphElement, manualWidth?: number) => {
+    width: number;
+    height: number;
+};

package/utils/mind.d.ts

@@ -14,4 +14,4 @@ export declare const divideElementByParent: (elements: MindElement[]) => {
     parentElements: MindElement<import("@plait/mind").BaseData>[];
     abstractIncludedGroups: MindElement<import("@plait/mind").BaseData>[][];
 };
-export declare const getDefaultMindElementFontSize: (board: PlaitBoard, element: MindElement) => 14 | 18;
+export declare const getDefaultMindElementFontSize: (board: PlaitBoard, element: MindElement) => 18 | 14;

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

@@ -1,18 +0,0 @@
-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 implements OnInit {
-    protected elementRef: ElementRef<HTMLElement>;
-    fontSize: number;
-    emojiItem: EmojiItem;
-    board: PlaitBoard;
-    element: MindElement<EmojiData>;
-    get nativeElement(): HTMLElement;
-    handlePointerDown(): void;
-    constructor(elementRef: ElementRef<HTMLElement>);
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MindEmojiBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MindEmojiBaseComponent, never, never, { "fontSize": { "alias": "fontSize"; "required": false; }; "emojiItem": { "alias": "emojiItem"; "required": false; }; "board": { "alias": "board"; "required": false; }; "element": { "alias": "element"; "required": false; }; }, {}, never, never, false, never>;
-}

package/esm2022/base/emoji-base.component.mjs

@@ -1,46 +0,0 @@
-import { Directive, HostListener, Input } from '@angular/core';
-import { PlaitPluginKey } from '@plait/core';
-import * as i0 from "@angular/core";
-export class MindEmojiBaseComponent {
-    get nativeElement() {
-        return this.elementRef.nativeElement;
-    }
-    handlePointerDown() {
-        const currentOptions = this.board.getPluginOptions(PlaitPluginKey.withSelection);
-        this.board.setPluginOptions(PlaitPluginKey.withSelection, {
-            isDisabledSelect: true
-        });
-        setTimeout(() => {
-            this.board.setPluginOptions(PlaitPluginKey.withSelection, { ...currentOptions });
-        }, 0);
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.fontSize = 14;
-    }
-    ngOnInit() {
-        this.elementRef.nativeElement.style.fontSize = `${this.fontSize}px`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: MindEmojiBaseComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: MindEmojiBaseComponent, inputs: { fontSize: "fontSize", emojiItem: "emojiItem", board: "board", element: "element" }, host: { listeners: { "pointerdown": "handlePointerDown()" }, classAttribute: "mind-node-emoji" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: MindEmojiBaseComponent, decorators: [{
-            type: Directive,
-            args: [{
-                    host: {
-                        class: 'mind-node-emoji'
-                    }
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { fontSize: [{
-                type: Input
-            }], emojiItem: [{
-                type: Input
-            }], board: [{
-                type: Input
-            }], element: [{
-                type: Input
-            }], handlePointerDown: [{
-                type: HostListener,
-                args: ['pointerdown']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1vamktYmFzZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9taW5kL3NyYy9iYXNlL2Vtb2ppLWJhc2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVuRixPQUFPLEVBQWlDLGNBQWMsRUFBcUIsTUFBTSxhQUFhLENBQUM7O0FBUS9GLE1BQU0sT0FBTyxzQkFBc0I7SUFhL0IsSUFBSSxhQUFhO1FBQ2IsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUN6QyxDQUFDO0lBR0QsaUJBQWlCO1FBQ2IsTUFBTSxjQUFjLEdBQUksSUFBSSxDQUFDLEtBQTJCLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3ZHLElBQUksQ0FBQyxLQUEyQixDQUFDLGdCQUFnQixDQUFvQixjQUFjLENBQUMsYUFBYSxFQUFFO1lBQ2hHLGdCQUFnQixFQUFFLElBQUk7U0FDekIsQ0FBQyxDQUFDO1FBQ0gsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNYLElBQUksQ0FBQyxLQUEyQixDQUFDLGdCQUFnQixDQUFvQixjQUFjLENBQUMsYUFBYSxFQUFFLEVBQUUsR0FBRyxjQUFjLEVBQUUsQ0FBQyxDQUFDO1FBQy9ILENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNWLENBQUM7SUFFRCxZQUFzQixVQUFtQztRQUFuQyxlQUFVLEdBQVYsVUFBVSxDQUF5QjtRQTFCekQsYUFBUSxHQUFXLEVBQUUsQ0FBQztJQTBCc0MsQ0FBQztJQUU3RCxRQUFRO1FBQ0osSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxHQUFHLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQztJQUN4RSxDQUFDOzhHQWhDUSxzQkFBc0I7a0dBQXRCLHNCQUFzQjs7MkZBQXRCLHNCQUFzQjtrQkFMbEMsU0FBUzttQkFBQztvQkFDUCxJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLGlCQUFpQjtxQkFDM0I7aUJBQ0o7K0VBR0csUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQVFOLGlCQUFpQjtzQkFEaEIsWUFBWTt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVtb2ppRGF0YSwgRW1vamlJdGVtIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9lbGVtZW50LWRhdGEnO1xuaW1wb3J0IHsgUGxhaXRCb2FyZCwgUGxhaXRPcHRpb25zQm9hcmQsIFBsYWl0UGx1Z2luS2V5LCBXaXRoUGx1Z2luT3B0aW9ucyB9IGZyb20gJ0BwbGFpdC9jb3JlJztcbmltcG9ydCB7IE1pbmRFbGVtZW50IH0gZnJvbSAnLi4vaW50ZXJmYWNlcyc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdtaW5kLW5vZGUtZW1vamknXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBNaW5kRW1vamlCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKVxuICAgIGZvbnRTaXplOiBudW1iZXIgPSAxNDtcblxuICAgIEBJbnB1dCgpXG4gICAgZW1vamlJdGVtITogRW1vamlJdGVtO1xuXG4gICAgQElucHV0KClcbiAgICBib2FyZCE6IFBsYWl0Qm9hcmQ7XG5cbiAgICBASW5wdXQoKVxuICAgIGVsZW1lbnQhOiBNaW5kRWxlbWVudDxFbW9qaURhdGE+O1xuXG4gICAgZ2V0IG5hdGl2ZUVsZW1lbnQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdwb2ludGVyZG93bicpXG4gICAgaGFuZGxlUG9pbnRlckRvd24oKSB7XG4gICAgICAgIGNvbnN0IGN1cnJlbnRPcHRpb25zID0gKHRoaXMuYm9hcmQgYXMgUGxhaXRPcHRpb25zQm9hcmQpLmdldFBsdWdpbk9wdGlvbnMoUGxhaXRQbHVnaW5LZXkud2l0aFNlbGVjdGlvbik7XG4gICAgICAgICh0aGlzLmJvYXJkIGFzIFBsYWl0T3B0aW9uc0JvYXJkKS5zZXRQbHVnaW5PcHRpb25zPFdpdGhQbHVnaW5PcHRpb25zPihQbGFpdFBsdWdpbktleS53aXRoU2VsZWN0aW9uLCB7XG4gICAgICAgICAgICBpc0Rpc2FibGVkU2VsZWN0OiB0cnVlXG4gICAgICAgIH0pO1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICh0aGlzLmJvYXJkIGFzIFBsYWl0T3B0aW9uc0JvYXJkKS5zZXRQbHVnaW5PcHRpb25zPFdpdGhQbHVnaW5PcHRpb25zPihQbGFpdFBsdWdpbktleS53aXRoU2VsZWN0aW9uLCB7IC4uLmN1cnJlbnRPcHRpb25zIH0pO1xuICAgICAgICB9LCAwKTtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuc3R5bGUuZm9udFNpemUgPSBgJHt0aGlzLmZvbnRTaXplfXB4YDtcbiAgICB9XG59XG4iXX0=

package/esm2022/base/index.mjs

@@ -1,2 +0,0 @@
-export * from './emoji-base.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9taW5kL3NyYy9iYXNlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Vtb2ppLWJhc2UuY29tcG9uZW50JztcbiJdfQ==