@plait/mind 0.32.0 → 0.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/index.d.ts +0 -1
- package/esm2022/base/index.mjs +1 -2
- package/esm2022/generators/node-active.generator.mjs +43 -0
- package/esm2022/generators/node-collapse.generator.mjs +108 -0
- package/esm2022/generators/node-emojis.generator.mjs +72 -0
- package/esm2022/generators/node-plus.generator.mjs +97 -0
- package/esm2022/generators/node-shape.generator.mjs +19 -0
- package/esm2022/mind-node.component.mjs +28 -36
- package/esm2022/plugins/with-mind.mjs +3 -3
- package/esm2022/plugins/with-node-image.mjs +3 -3
- package/esm2022/utils/draw/node-dnd.mjs +2 -2
- package/esm2022/utils/node/common.mjs +2 -11
- package/fesm2022/plait-mind.mjs +55 -102
- package/fesm2022/plait-mind.mjs.map +1 -1
- package/{drawer → generators}/node-active.generator.d.ts +1 -1
- package/generators/node-collapse.generator.d.ts +8 -0
- package/{drawer/node-emojis.drawer.d.ts → generators/node-emojis.generator.d.ts} +3 -3
- package/generators/node-plus.generator.d.ts +7 -0
- package/{drawer → generators}/node-shape.generator.d.ts +1 -1
- package/mind-node.component.d.ts +8 -10
- package/package.json +1 -1
- package/styles/styles.scss +7 -6
- package/utils/node/common.d.ts +1 -2
- package/utils/space/node-space.d.ts +1 -1
- package/base/base.drawer.d.ts +0 -15
- package/drawer/node-collapse.drawer.d.ts +0 -8
- package/drawer/node-insert.drawer.d.ts +0 -7
- package/esm2022/base/base.drawer.mjs +0 -29
- package/esm2022/drawer/node-active.generator.mjs +0 -43
- package/esm2022/drawer/node-collapse.drawer.mjs +0 -108
- package/esm2022/drawer/node-emojis.drawer.mjs +0 -72
- package/esm2022/drawer/node-insert.drawer.mjs +0 -98
- package/esm2022/drawer/node-shape.generator.mjs +0 -19
package/fesm2022/plait-mind.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Component, ChangeDetectionStrategy, NgZone, Directive, Input, HostListener } from '@angular/core';
|
|
3
|
-
import { DefaultThemeColor, ColorfulThemeColor, SoftThemeColor, RetroThemeColor, DarkThemeColor, StarryThemeColor, PlaitElement, PlaitNode, Path, isNullOrUndefined, PlaitBoard, distanceBetweenPointAndRectangle, RectangleClient,
|
|
3
|
+
import { DefaultThemeColor, ColorfulThemeColor, SoftThemeColor, RetroThemeColor, DarkThemeColor, StarryThemeColor, PlaitElement, PlaitNode, Path, isNullOrUndefined, PlaitBoard, distanceBetweenPointAndRectangle, RectangleClient, getSelectedElements, idCreator, Transforms, clearSelectedElement, addSelectedElement, depthFirstRecursion, getIsRecursionFunc, drawRoundRectangle, drawLinearPath, drawBezierPath, createG, updateForeignObject, getRectangleByElements, NODE_TO_PARENT, createForeignObject, setStrokeLinecap, ACTIVE_STROKE_WIDTH, createText, PlaitPointerType, NODE_TO_INDEX, PlaitChildrenElementComponent, isMainPointer, transformPoint, toPoint, getHitElementByPoint, distanceBetweenPointAndPoint, CoreTransforms, BOARD_TO_HOST, BoardTransforms, throttleRAF, removeSelectedElement, PlaitHistoryBoard, temporaryDisableSelection, hotkeys, setClipboardDataByMedia, getClipboardDataByMedia, ResizeCursorClass, preventTouchMove, PRESS_AND_MOVE_BUFFER, MERGING, setClipboardData, setClipboardDataByText, getDataFromClipboard, PlaitPluginKey } from '@plait/core';
|
|
4
4
|
import { MindLayoutType, AbstractNode, isIndentedLayout, isHorizontalLayout, isHorizontalLogicLayout, ConnectingPosition, getNonAbstractChildren, isStandardLayout, isLeftLayout, isRightLayout, isVerticalLogicLayout, isTopLayout, isBottomLayout, getCorrectStartEnd, getAbstractLayout, GlobalLayout } from '@plait/layouts';
|
|
5
5
|
import { PlaitMarkEditor, MarkTypes, DEFAULT_FONT_SIZE, TEXT_DEFAULT_HEIGHT, buildText, getTextSize, TextManage, ExitOrigin, getTextFromClipboard } from '@plait/text';
|
|
6
6
|
import { fromEvent, Subject } from 'rxjs';
|
|
@@ -729,15 +729,6 @@ function editTopic(element) {
|
|
|
729
729
|
const component = PlaitElement.getComponent(element);
|
|
730
730
|
component?.editTopic();
|
|
731
731
|
}
|
|
732
|
-
const temporaryDisableSelection = (board) => {
|
|
733
|
-
const currentOptions = board.getPluginOptions(PlaitPluginKey.withSelection);
|
|
734
|
-
board.setPluginOptions(PlaitPluginKey.withSelection, {
|
|
735
|
-
isDisabledSelect: true
|
|
736
|
-
});
|
|
737
|
-
setTimeout(() => {
|
|
738
|
-
board.setPluginOptions(PlaitPluginKey.withSelection, { ...currentOptions });
|
|
739
|
-
}, 0);
|
|
740
|
-
};
|
|
741
732
|
const getSelectedMindElements = (board) => {
|
|
742
733
|
const selectedElements = getSelectedElements(board).filter(value => MindElement.isMindElement(board, value));
|
|
743
734
|
return selectedElements;
|
|
@@ -1635,7 +1626,7 @@ const drawFakeDragNode = (board, element, offsetX, offsetY) => {
|
|
|
1635
1626
|
dragFakeNodeG?.append(richtextG);
|
|
1636
1627
|
// draw emojis
|
|
1637
1628
|
if (MindElement.hasEmojis(element)) {
|
|
1638
|
-
const fakeEmojisG = activeComponent.
|
|
1629
|
+
const fakeEmojisG = activeComponent.nodeEmojisGenerator.g.cloneNode(true);
|
|
1639
1630
|
const foreignRectangle = getEmojiForeignRectangle(board, element);
|
|
1640
1631
|
updateForeignObject(fakeEmojisG, foreignRectangle.width, foreignRectangle.height, foreignRectangle.x + offsetX, foreignRectangle.y + offsetY);
|
|
1641
1632
|
dragFakeNodeG?.append(fakeEmojisG);
|
|
@@ -2263,7 +2254,7 @@ function drawAbstractLink(board, node, isHorizontal) {
|
|
|
2263
2254
|
return link;
|
|
2264
2255
|
}
|
|
2265
2256
|
|
|
2266
|
-
class
|
|
2257
|
+
class EmojiGenerator {
|
|
2267
2258
|
constructor(board, viewContainerRef) {
|
|
2268
2259
|
this.board = board;
|
|
2269
2260
|
this.viewContainerRef = viewContainerRef;
|
|
@@ -2293,11 +2284,11 @@ class EmojiDrawer {
|
|
|
2293
2284
|
}
|
|
2294
2285
|
}
|
|
2295
2286
|
}
|
|
2296
|
-
class
|
|
2287
|
+
class NodeEmojisGenerator {
|
|
2297
2288
|
constructor(board, viewContainerRef) {
|
|
2298
2289
|
this.board = board;
|
|
2299
2290
|
this.viewContainerRef = viewContainerRef;
|
|
2300
|
-
this.
|
|
2291
|
+
this.emojiGenerators = [];
|
|
2301
2292
|
}
|
|
2302
2293
|
drawEmojis(element) {
|
|
2303
2294
|
this.destroy();
|
|
@@ -2310,12 +2301,12 @@ class NodeEmojisDrawer {
|
|
|
2310
2301
|
const container = document.createElement('div');
|
|
2311
2302
|
container.classList.add('node-emojis-container');
|
|
2312
2303
|
foreignObject.append(container);
|
|
2313
|
-
this.
|
|
2314
|
-
const drawer = new
|
|
2304
|
+
this.emojiGenerators = element.data.emojis.map(emojiItem => {
|
|
2305
|
+
const drawer = new EmojiGenerator(this.board, this.viewContainerRef);
|
|
2315
2306
|
drawer.draw(emojiItem, element);
|
|
2316
2307
|
return drawer;
|
|
2317
2308
|
});
|
|
2318
|
-
this.
|
|
2309
|
+
this.emojiGenerators.forEach(drawer => {
|
|
2319
2310
|
container.append(drawer.nativeElement);
|
|
2320
2311
|
});
|
|
2321
2312
|
return this.g;
|
|
@@ -2326,8 +2317,8 @@ class NodeEmojisDrawer {
|
|
|
2326
2317
|
if (this.g) {
|
|
2327
2318
|
this.g.remove();
|
|
2328
2319
|
}
|
|
2329
|
-
this.
|
|
2330
|
-
this.
|
|
2320
|
+
this.emojiGenerators.forEach(drawer => drawer.destroy());
|
|
2321
|
+
this.emojiGenerators = [];
|
|
2331
2322
|
}
|
|
2332
2323
|
}
|
|
2333
2324
|
|
|
@@ -2565,35 +2556,6 @@ const MindTransforms = {
|
|
|
2565
2556
|
setImage
|
|
2566
2557
|
};
|
|
2567
2558
|
|
|
2568
|
-
class BaseDrawer {
|
|
2569
|
-
constructor(board) {
|
|
2570
|
-
this.board = board;
|
|
2571
|
-
}
|
|
2572
|
-
draw(element, parentG, data) {
|
|
2573
|
-
this.destroy();
|
|
2574
|
-
if (this.canDraw && this.canDraw(element, data)) {
|
|
2575
|
-
const g = this.baseDraw(element, data);
|
|
2576
|
-
if (g) {
|
|
2577
|
-
parentG.append(g);
|
|
2578
|
-
}
|
|
2579
|
-
if (hasAfterDraw(this)) {
|
|
2580
|
-
this.afterDraw(element);
|
|
2581
|
-
}
|
|
2582
|
-
}
|
|
2583
|
-
}
|
|
2584
|
-
destroy() {
|
|
2585
|
-
if (this.g) {
|
|
2586
|
-
this.g.remove();
|
|
2587
|
-
}
|
|
2588
|
-
}
|
|
2589
|
-
}
|
|
2590
|
-
function hasAfterDraw(value) {
|
|
2591
|
-
if (value.afterDraw) {
|
|
2592
|
-
return true;
|
|
2593
|
-
}
|
|
2594
|
-
return false;
|
|
2595
|
-
}
|
|
2596
|
-
|
|
2597
2559
|
function findNewChildNodePath(board, element) {
|
|
2598
2560
|
const children = getNonAbstractChildren(element);
|
|
2599
2561
|
return PlaitBoard.findPath(board, element).concat(children.length);
|
|
@@ -2603,17 +2565,16 @@ function findNewSiblingNodePath(board, element) {
|
|
|
2603
2565
|
return Path$1.next(path);
|
|
2604
2566
|
}
|
|
2605
2567
|
|
|
2606
|
-
class
|
|
2568
|
+
class NodePlusGenerator extends Generator {
|
|
2607
2569
|
canDraw(element) {
|
|
2608
2570
|
if (PlaitBoard.isReadonly(this.board) || element?.isCollapsed) {
|
|
2609
2571
|
return false;
|
|
2610
2572
|
}
|
|
2611
2573
|
return true;
|
|
2612
2574
|
}
|
|
2613
|
-
|
|
2614
|
-
const
|
|
2615
|
-
|
|
2616
|
-
quickInsertG.classList.add('quick-insert');
|
|
2575
|
+
draw(element) {
|
|
2576
|
+
const plusG = createG();
|
|
2577
|
+
plusG.classList.add('plus');
|
|
2617
2578
|
const node = MindElement.getNode(element);
|
|
2618
2579
|
const layout = MindQueries.getLayoutByElement(element);
|
|
2619
2580
|
const isHorizontal = isHorizontalLayout(layout);
|
|
@@ -2662,22 +2623,22 @@ class NodeInsertDrawer extends BaseDrawer {
|
|
|
2662
2623
|
stroke: QUICK_INSERT_INNER_CROSS_COLOR,
|
|
2663
2624
|
strokeWidth: 2
|
|
2664
2625
|
});
|
|
2665
|
-
|
|
2666
|
-
|
|
2667
|
-
|
|
2668
|
-
|
|
2669
|
-
return
|
|
2626
|
+
plusG.appendChild(line);
|
|
2627
|
+
plusG.appendChild(circle);
|
|
2628
|
+
plusG.appendChild(innerCrossHLine);
|
|
2629
|
+
plusG.appendChild(innerCrossVLine);
|
|
2630
|
+
return plusG;
|
|
2670
2631
|
}
|
|
2671
2632
|
afterDraw(element) {
|
|
2672
2633
|
if (!this.g) {
|
|
2673
2634
|
throw new Error(`can not find quick insert g`);
|
|
2674
2635
|
}
|
|
2675
|
-
fromEvent(this.g, '
|
|
2636
|
+
fromEvent(this.g, 'pointerdown')
|
|
2676
2637
|
.pipe(take(1))
|
|
2677
2638
|
.subscribe(e => {
|
|
2678
|
-
e.
|
|
2639
|
+
e.preventDefault();
|
|
2679
2640
|
});
|
|
2680
|
-
fromEvent(this.g, '
|
|
2641
|
+
fromEvent(this.g, 'pointerup')
|
|
2681
2642
|
.pipe(take(1))
|
|
2682
2643
|
.subscribe(() => {
|
|
2683
2644
|
const path = findNewChildNodePath(this.board, element);
|
|
@@ -2802,7 +2763,7 @@ class NodeActiveGenerator extends Generator {
|
|
|
2802
2763
|
return false;
|
|
2803
2764
|
}
|
|
2804
2765
|
}
|
|
2805
|
-
|
|
2766
|
+
draw(element, data) {
|
|
2806
2767
|
const activeG = createG();
|
|
2807
2768
|
const node = MindElement.getNode(element);
|
|
2808
2769
|
const rectangle = getRectangleByNode(node);
|
|
@@ -2827,17 +2788,16 @@ class NodeActiveGenerator extends Generator {
|
|
|
2827
2788
|
}
|
|
2828
2789
|
}
|
|
2829
2790
|
|
|
2830
|
-
class
|
|
2791
|
+
class CollapseGenerator extends Generator {
|
|
2831
2792
|
canDraw(element) {
|
|
2832
2793
|
if (element.children.length && !PlaitMind.isMind(element)) {
|
|
2833
2794
|
return true;
|
|
2834
2795
|
}
|
|
2835
2796
|
return false;
|
|
2836
2797
|
}
|
|
2837
|
-
|
|
2798
|
+
draw(element) {
|
|
2838
2799
|
const collapseG = createG();
|
|
2839
|
-
|
|
2840
|
-
collapseG.classList.add('collapse-container');
|
|
2800
|
+
collapseG.classList.add('collapse');
|
|
2841
2801
|
const node = MindElement.getNode(element);
|
|
2842
2802
|
const stroke = getBranchColorByMindElement(this.board, element);
|
|
2843
2803
|
const branchWidth = getBranchWidthByMindElement(this.board, element);
|
|
@@ -2902,9 +2862,10 @@ class CollapseDrawer extends BaseDrawer {
|
|
|
2902
2862
|
if (!this.g) {
|
|
2903
2863
|
throw new Error(`can not find quick insert g`);
|
|
2904
2864
|
}
|
|
2905
|
-
fromEvent(this.g, '
|
|
2865
|
+
fromEvent(this.g, 'pointerdown')
|
|
2906
2866
|
.pipe(filter(() => !PlaitBoard.isPointer(this.board, PlaitPointerType.hand) || !!PlaitBoard.isReadonly(this.board)), take(1))
|
|
2907
|
-
.subscribe(() => {
|
|
2867
|
+
.subscribe((event) => {
|
|
2868
|
+
event.preventDefault();
|
|
2908
2869
|
const isCollapsed = !element.isCollapsed;
|
|
2909
2870
|
const newElement = { isCollapsed };
|
|
2910
2871
|
const path = PlaitBoard.findPath(this.board, element);
|
|
@@ -2929,7 +2890,7 @@ class NodeShapeGenerator extends Generator {
|
|
|
2929
2890
|
}
|
|
2930
2891
|
return false;
|
|
2931
2892
|
}
|
|
2932
|
-
|
|
2893
|
+
draw(element, data) {
|
|
2933
2894
|
const rectangle = getRectangleByNode(data.node);
|
|
2934
2895
|
return drawRoundRectangleByElement(this.board, rectangle, data.node.origin);
|
|
2935
2896
|
}
|
|
@@ -2951,10 +2912,10 @@ class MindNodeComponent extends CommonPluginElement {
|
|
|
2951
2912
|
}
|
|
2952
2913
|
initializeDrawer() {
|
|
2953
2914
|
this.nodeShapeGenerator = new NodeShapeGenerator(this.board);
|
|
2954
|
-
this.
|
|
2955
|
-
this.nodeInsertDrawer = new NodeInsertDrawer(this.board);
|
|
2915
|
+
this.nodeEmojisGenerator = new NodeEmojisGenerator(this.board, this.viewContainerRef);
|
|
2956
2916
|
this.activeGenerator = new NodeActiveGenerator(this.board);
|
|
2957
|
-
this.
|
|
2917
|
+
this.nodePlusGenerator = new NodePlusGenerator(this.board);
|
|
2918
|
+
this.collapseGenerator = new CollapseGenerator(this.board);
|
|
2958
2919
|
this.imageGenerator = new ImageGenerator(this.board, {
|
|
2959
2920
|
getRectangle: (element) => {
|
|
2960
2921
|
return getImageForeignRectangle(this.board, element);
|
|
@@ -2998,13 +2959,13 @@ class MindNodeComponent extends CommonPluginElement {
|
|
|
2998
2959
|
this.index = NODE_TO_INDEX.get(this.element) || 0;
|
|
2999
2960
|
this.roughSVG = PlaitBoard.getRoughSVG(this.board);
|
|
3000
2961
|
this.parentG = PlaitElement.getComponent(MindElement.getRoot(this.board, this.element)).rootG;
|
|
3001
|
-
this.nodeShapeGenerator.
|
|
2962
|
+
this.nodeShapeGenerator.processDrawing(this.element, this.g, { node: this.node });
|
|
3002
2963
|
this.drawLink();
|
|
3003
2964
|
this.drawTopic();
|
|
3004
|
-
this.activeGenerator.
|
|
2965
|
+
this.activeGenerator.processDrawing(this.element, this.g, { selected: this.selected, isEditing: this.textManage.isEditing });
|
|
3005
2966
|
this.drawEmojis();
|
|
3006
2967
|
this.drawExtend();
|
|
3007
|
-
this.imageGenerator.
|
|
2968
|
+
this.imageGenerator.processDrawing(this.element, this.g, this.viewContainerRef);
|
|
3008
2969
|
if (PlaitMind.isMind(this.context.parent)) {
|
|
3009
2970
|
this.g.classList.add('branch');
|
|
3010
2971
|
}
|
|
@@ -3015,13 +2976,14 @@ class MindNodeComponent extends CommonPluginElement {
|
|
|
3015
2976
|
this.node = newNode;
|
|
3016
2977
|
const isChangeTheme = this.board.operations.find(op => op.type === 'set_theme');
|
|
3017
2978
|
if (!isEqualNode || value.element !== previous.element || isChangeTheme) {
|
|
3018
|
-
this.activeGenerator.
|
|
3019
|
-
this.nodeShapeGenerator.
|
|
2979
|
+
this.activeGenerator.processDrawing(this.element, this.g, { selected: this.selected, isEditing: this.textManage.isEditing });
|
|
2980
|
+
this.nodeShapeGenerator.processDrawing(this.element, this.g, { node: this.node });
|
|
2981
|
+
// this.nodeShapeGenerator.
|
|
3020
2982
|
this.drawLink();
|
|
3021
2983
|
this.drawEmojis();
|
|
3022
2984
|
this.drawExtend();
|
|
3023
2985
|
if (!MindElement.hasImage(previous.element) && MindElement.hasImage(this.element)) {
|
|
3024
|
-
this.imageGenerator.
|
|
2986
|
+
this.imageGenerator.processDrawing(this.element, this.g, this.viewContainerRef);
|
|
3025
2987
|
}
|
|
3026
2988
|
if (MindElement.hasImage(previous.element) && MindElement.hasImage(this.element)) {
|
|
3027
2989
|
this.imageGenerator.updateImage(this.g, previous.element, value.element);
|
|
@@ -3035,7 +2997,7 @@ class MindNodeComponent extends CommonPluginElement {
|
|
|
3035
2997
|
const hasSameSelected = value.selected === previous.selected;
|
|
3036
2998
|
const hasSameParent = value.parent === previous.parent;
|
|
3037
2999
|
if (!hasSameSelected) {
|
|
3038
|
-
this.activeGenerator.
|
|
3000
|
+
this.activeGenerator.processDrawing(this.element, this.g, { selected: this.selected, isEditing: this.textManage.isEditing });
|
|
3039
3001
|
}
|
|
3040
3002
|
if (!hasSameParent) {
|
|
3041
3003
|
this.drawLink();
|
|
@@ -3043,7 +3005,7 @@ class MindNodeComponent extends CommonPluginElement {
|
|
|
3043
3005
|
}
|
|
3044
3006
|
}
|
|
3045
3007
|
drawEmojis() {
|
|
3046
|
-
const g = this.
|
|
3008
|
+
const g = this.nodeEmojisGenerator.drawEmojis(this.element);
|
|
3047
3009
|
if (g) {
|
|
3048
3010
|
this.g.append(g);
|
|
3049
3011
|
}
|
|
@@ -3066,29 +3028,20 @@ class MindNodeComponent extends CommonPluginElement {
|
|
|
3066
3028
|
}
|
|
3067
3029
|
this.g.append(this.linkG);
|
|
3068
3030
|
}
|
|
3069
|
-
destroyLine() {
|
|
3070
|
-
if (this.linkG) {
|
|
3071
|
-
this.linkG.remove();
|
|
3072
|
-
}
|
|
3073
|
-
}
|
|
3074
3031
|
drawExtend() {
|
|
3075
|
-
this.
|
|
3076
|
-
|
|
3077
|
-
|
|
3078
|
-
|
|
3032
|
+
if (!this.extendG) {
|
|
3033
|
+
this.extendG = createG();
|
|
3034
|
+
this.extendG.classList.add('extend');
|
|
3035
|
+
this.g.append(this.extendG);
|
|
3036
|
+
}
|
|
3079
3037
|
if (this.element.isCollapsed) {
|
|
3080
3038
|
this.g.classList.add('collapsed');
|
|
3081
3039
|
}
|
|
3082
3040
|
else {
|
|
3083
3041
|
this.g.classList.remove('collapsed');
|
|
3084
3042
|
}
|
|
3085
|
-
this.
|
|
3086
|
-
this.
|
|
3087
|
-
}
|
|
3088
|
-
destroyExtend() {
|
|
3089
|
-
if (this.extendG) {
|
|
3090
|
-
this.extendG.remove();
|
|
3091
|
-
}
|
|
3043
|
+
this.nodePlusGenerator.processDrawing(this.element, this.extendG);
|
|
3044
|
+
this.collapseGenerator.processDrawing(this.element, this.extendG);
|
|
3092
3045
|
}
|
|
3093
3046
|
drawTopic() {
|
|
3094
3047
|
this.textManage.draw(this.element.data.topic);
|
|
@@ -3099,17 +3052,17 @@ class MindNodeComponent extends CommonPluginElement {
|
|
|
3099
3052
|
this.textManage.updateRectangle();
|
|
3100
3053
|
}
|
|
3101
3054
|
editTopic() {
|
|
3102
|
-
this.activeGenerator.
|
|
3055
|
+
this.activeGenerator.processDrawing(this.element, this.g, { selected: this.selected, isEditing: true });
|
|
3103
3056
|
this.textManage.edit((origin) => {
|
|
3104
3057
|
if (origin === ExitOrigin.default) {
|
|
3105
|
-
this.activeGenerator.
|
|
3058
|
+
this.activeGenerator.processDrawing(this.element, this.g, { selected: this.selected, isEditing: false });
|
|
3106
3059
|
}
|
|
3107
3060
|
});
|
|
3108
3061
|
}
|
|
3109
3062
|
ngOnDestroy() {
|
|
3110
3063
|
super.ngOnDestroy();
|
|
3111
3064
|
this.textManage.destroy();
|
|
3112
|
-
this.
|
|
3065
|
+
this.nodeEmojisGenerator.destroy();
|
|
3113
3066
|
this.imageGenerator.destroy();
|
|
3114
3067
|
this.destroy$.next();
|
|
3115
3068
|
this.destroy$.complete();
|
|
@@ -4146,7 +4099,7 @@ const getNextSelectedElement = (board, firstLevelElements) => {
|
|
|
4146
4099
|
|
|
4147
4100
|
const withMind = (baseBoard) => {
|
|
4148
4101
|
const board = baseBoard;
|
|
4149
|
-
const { drawElement, dblclick, isRectangleHit, isHit, getRectangle, isMovable, isRecursion, isAlign, isImageBindingAllowed
|
|
4102
|
+
const { drawElement, dblclick, isRectangleHit, isHit, getRectangle, isMovable, isRecursion, isAlign, isImageBindingAllowed } = board;
|
|
4150
4103
|
board.drawElement = (context) => {
|
|
4151
4104
|
if (PlaitMind.isMind(context.element)) {
|
|
4152
4105
|
return PlaitMindComponent;
|
|
@@ -4159,7 +4112,7 @@ const withMind = (baseBoard) => {
|
|
|
4159
4112
|
board.applyTheme = (element) => {
|
|
4160
4113
|
const mindElement = element;
|
|
4161
4114
|
const shouldClearProperty = !PlaitBoard.isBoard(element) && (mindElement?.branchColor || mindElement?.fill || mindElement?.strokeColor);
|
|
4162
|
-
if (shouldClearProperty) {
|
|
4115
|
+
if (PlaitMind.isMind(element) && shouldClearProperty) {
|
|
4163
4116
|
const path = PlaitBoard.findPath(board, element);
|
|
4164
4117
|
Transforms.setNode(board, { fill: null, strokeColor: null, branchColor: null }, path);
|
|
4165
4118
|
}
|
|
@@ -4284,5 +4237,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4284
4237
|
* Generated bundle index. Do not edit.
|
|
4285
4238
|
*/
|
|
4286
4239
|
|
|
4287
|
-
export { ABSTRACT_HANDLE_COLOR, ABSTRACT_HANDLE_LENGTH, ABSTRACT_HANDLE_MASK_WIDTH, ABSTRACT_INCLUDED_OUTLINE_OFFSET, AbstractHandlePosition, AbstractResizeState, BASE, BRANCH_FONT_FAMILY, BRANCH_WIDTH,
|
|
4240
|
+
export { ABSTRACT_HANDLE_COLOR, ABSTRACT_HANDLE_LENGTH, ABSTRACT_HANDLE_MASK_WIDTH, ABSTRACT_INCLUDED_OUTLINE_OFFSET, AbstractHandlePosition, AbstractResizeState, BASE, BRANCH_FONT_FAMILY, BRANCH_WIDTH, BranchShape, DEFAULT_FONT_FAMILY, DEFAULT_MIND_IMAGE_WIDTH, DefaultAbstractNodeStyle, DefaultNodeStyle, ELEMENT_TO_NODE, EXTEND_DIAMETER, EXTEND_OFFSET, GRAY_COLOR, INHERIT_ATTRIBUTE_KEYS, IS_DRAGGING, LayoutDirection, LayoutDirectionsMap, MindColorfulThemeColor, MindDarkThemeColor, MindDefaultThemeColor, MindElement, MindElementShape, MindEmojiBaseComponent, MindNode, MindNodeComponent, MindPointerType, MindQueries, MindRetroThemeColor, MindSoftThemeColor, MindStarryThemeColor, MindThemeColor, MindThemeColors, MindTransforms, NodeSpace, NodeTopicThreshold, PRIMARY_COLOR, PlaitMind, PlaitMindComponent, QUICK_INSERT_CIRCLE_COLOR, QUICK_INSERT_CIRCLE_OFFSET, QUICK_INSERT_INNER_CROSS_COLOR, ROOT_TOPIC_FONT_SIZE, ROOT_TOPIC_HEIGHT, ROOT_TOPIC_WIDTH, STROKE_WIDTH, TOPIC_COLOR, TOPIC_DEFAULT_MAX_WORD_COUNT, TOPIC_FONT_SIZE, WithMindPluginKey, addActiveOnDragOrigin, addImageFocus, adjustAbstractToNode, adjustNodeToRoot, adjustRootToNode, canSetAbstract, copyNewNode, correctLayoutByDirection, createDefaultMind, createEmptyMind, createMindElement, deleteElementHandleAbstract, deleteElementsHandleRightNodeCount, detectDropTarget, directionCorrector, directionDetector, divideElementByParent, drawFakeDragNode, drawFakeDropNode, editTopic, extractNodesText, findLastChild, findLocationLeftIndex, getAbstractBranchColor, getAbstractBranchWidth, getAbstractHandleRectangle, getAllowedDirection, getAvailableSubLayoutsByLayoutDirections, getBehindAbstracts, getBranchColorByMindElement, getBranchDirectionsByLayouts, getBranchShapeByMindElement, getBranchWidthByMindElement, getChildrenCount, getCorrespondingAbstract, getDefaultBranchColor, getDefaultBranchColorByIndex, getDefaultLayout, getEmojiFontSize, getEmojiForeignRectangle, getEmojiRectangle, getEmojisWidthHeight, getFillByElement, getFirstLevelElement, getFontSizeBySlateElement, getHitAbstractHandle, getHitImageResizeHandleDirection, getImageForeignRectangle, getInCorrectLayoutDirection, getLayoutDirection$1 as getLayoutDirection, getLayoutOptions, getLayoutReverseDirection, getLocationScope, getMindThemeColor, getNewNodeHeight, getNextBranchColor, getNodeDefaultFontSize, getOverallAbstracts, getPathByDropTarget, getRectangleByElement, getRectangleByNode, getRectangleByResizingLocation, getRelativeStartEndByAbstractRef, getRootLayout, getSelectedMindElements, getShapeByElement, getStrokeByMindElement, getStrokeWidthByElement, getTopicRectangleByElement, getTopicRectangleByNode, getValidAbstractRefs, handleTouchedAbstract, hasPreviousOrNextOfDropPath, insertElementHandleAbstract, insertElementHandleRightNodeCount, insertMindElement, isChildElement, isChildOfAbstract, isChildRight, isChildUp, isCorrectLayout, isDragging, isDropStandardRight, isHitEmojis, isHitImage, isHitMindElement, isInRightBranchOfStandardLayout, isMixedLayout, isSetAbstract, isValidTarget, removeActiveOnDragOrigin, removeImageFocus, separateChildren, setIsDragging, withMind, withMindExtend };
|
|
4288
4241
|
//# sourceMappingURL=plait-mind.mjs.map
|