vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2024-11-10 17:33:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Paulo Gustavo Veiga 2022-11-24 02:13:14 -08:00
parent bccd26aad6
commit 506797b8a7
15 changed files with 108 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/mindplot/src/components/ActionDispatcher.ts
View File

@ -48,7 +48,12 @@ abstract class ActionDispatcher extends Events {
abstract deleteEntities(topicsIds: number[], relIds: number[]): void; abstract deleteEntities(topicsIds: number[], relIds: number[]): void;
abstract dragTopic(topicId: number, position: Point, order: number, parentTopic: Topic): void; abstract dragTopic(
topicId: number,
position: Point,
order: number | null,
parentTopic: Topic | null,
): void;
abstract moveTopic(topicId: number, position: Point): void; abstract moveTopic(topicId: number, position: Point): void;

1
packages/mindplot/src/components/CentralTopic.ts
View File

@ -53,7 +53,6 @@ class CentralTopic extends Topic {
this.setPosition(zeroPoint); this.setPosition(zeroPoint);
} }
/** */
getShrinkConnector() { getShrinkConnector() {
return null; return null;
} }

11
packages/mindplot/src/components/Designer.ts
View File

@ -87,7 +87,7 @@ class Designer extends Events {
// Set up i18n location ... // Set up i18n location ...
console.log(`Editor location: ${options.locale}`); console.log(`Editor location: ${options.locale}`);
Messages.init(options.locale); Messages.init(options.locale ? options.locale : 'en');
this._options = options; this._options = options;
@ -263,7 +263,10 @@ class Designer extends Events {
} else { } else {
$assert(targetTopic, 'Could not find a topic to connect'); $assert(targetTopic, 'Could not find a topic to connect');
} }
topic.connectTo(targetTopic, this._workspace);
if (targetTopic) {
topic.connectTo(targetTopic, this._workspace);
}
} }
topic.addEvent('ontblur', () => { topic.addEvent('ontblur', () => {
@ -521,7 +524,7 @@ class Designer extends Events {
const parentTopic = topic.getOutgoingConnectedTopic(); const parentTopic = topic.getOutgoingConnectedTopic();
const siblingModel = this._createSiblingModel(topic); const siblingModel = this._createSiblingModel(topic);
if (siblingModel) { if (siblingModel && parentTopic) {
// Hack: if parent is central topic, add node below not on opposite side. // Hack: if parent is central topic, add node below not on opposite side.
// This should be done in the layout // This should be done in the layout
if (parentTopic.getType() === 'CentralTopic') { if (parentTopic.getType() === 'CentralTopic') {
@ -724,7 +727,7 @@ class Designer extends Events {
); );
// Build relationship line .... // Build relationship line ....
const result = new Relationship(sourceTopic, targetTopic, model); const result = new Relationship(sourceTopic!, targetTopic!, model);
const me = this; const me = this;
result.addEvent('ontblur', () => { result.addEvent('ontblur', () => {

3
packages/mindplot/src/components/DesignerBuilder.ts
View File

@ -37,8 +37,7 @@ export function buildDesigner(options: DesignerOptions): Designer {
// Configure default persistence manager ... // Configure default persistence manager ...
const persistence = options.persistenceManager; const persistence = options.persistenceManager;
$assert(persistence, 'persistence must be defined'); PersistenceManager.init(persistence!);
PersistenceManager.init(persistence);
// If not manager was specifed, use the readonly one. // If not manager was specifed, use the readonly one.
const widgetManager = options.widgetManager ? options.widgetManager : new ReadOnlyWidgetManager(); const widgetManager = options.widgetManager ? options.widgetManager : new ReadOnlyWidgetManager();

4
packages/mindplot/src/components/DesignerOptionsBuilder.ts
View File

@ -24,7 +24,7 @@ export type DesignerOptions = {
zoom: number; zoom: number;
mode: EditorRenderMode; mode: EditorRenderMode;
mapId?: string; mapId?: string;
divContainer?: HTMLElement; divContainer: HTMLElement;
container: string; container: string;
persistenceManager?: PersistenceManager; persistenceManager?: PersistenceManager;
widgetManager?: WidgetManager; widgetManager?: WidgetManager;
@ -36,7 +36,7 @@ class OptionsBuilder {
static buildOptions(options: DesignerOptions): DesignerOptions { static buildOptions(options: DesignerOptions): DesignerOptions {
$assert(options.persistenceManager, 'persistence must be defined'); $assert(options.persistenceManager, 'persistence must be defined');
const defaultOptions: DesignerOptions = { const defaultOptions = {
mode: 'edition-owner', mode: 'edition-owner',
zoom: 0.85, zoom: 0.85,
saveOnLoad: true, saveOnLoad: true,

6
packages/mindplot/src/components/DragTopic.ts
View File

@ -108,8 +108,6 @@ class DragTopic {
} }
connectTo(parent: Topic) { connectTo(parent: Topic) {
$assert(parent, 'Parent connection node can not be null.');
// Where it should be connected ? // Where it should be connected ?
const predict = this._layoutManager.predict( const predict = this._layoutManager.predict(
parent.getId(), parent.getId(),
@ -178,8 +176,8 @@ class DragTopic {
const position = this.getPosition(); const position = this.getPosition();
if (!this.isFreeLayoutOn()) { if (!this.isFreeLayoutOn()) {
let order = null; let order: number | null = null;
let parent = null; let parent: Topic | null = null;
const isDragConnected = this.isConnected(); const isDragConnected = this.isConnected();
if (isDragConnected) { if (isDragConnected) {
const targetTopic = this.getConnectedToTopic(); const targetTopic = this.getConnectedToTopic();

89
packages/mindplot/src/components/MultilineTextEditor.ts
View File

@ -23,9 +23,9 @@ import ActionDispatcher from './ActionDispatcher';
import Topic from './Topic'; import Topic from './Topic';
class MultilineTextEditor extends Events { class MultilineTextEditor extends Events {
private _topic: Topic; private _topic: Topic | null;
private _containerElem: JQuery; private _containerElem: JQuery<HTMLElement> | null;
constructor() { constructor() {
super(); super();
@ -54,7 +54,7 @@ class MultilineTextEditor extends Events {
private _registerEvents(containerElem: JQuery) { private _registerEvents(containerElem: JQuery) {
const textareaElem = this._getTextareaElem(); const textareaElem = this._getTextareaElem();
textareaElem.on('keydown', (event) => { textareaElem?.on('keydown', (event) => {
switch (event.code) { switch (event.code) {
case 'Escape': case 'Escape':
this.close(false); this.close(false);
@ -85,12 +85,12 @@ class MultilineTextEditor extends Events {
event.stopPropagation(); event.stopPropagation();
}); });
textareaElem.on('keypress', (event) => { textareaElem?.on('keypress', (event) => {
event.stopPropagation(); event.stopPropagation();
}); });
textareaElem.on('keyup', (event) => { textareaElem?.on('keyup', (event) => {
const text = this._getTextareaElem().val(); const text = this._getTextareaElem()?.val();
this.fireEvent('input', [event, text]); this.fireEvent('input', [event, text]);
this._adjustEditorSize(); this._adjustEditorSize();
}); });
@ -117,22 +117,22 @@ class MultilineTextEditor extends Events {
maxLineLength = Math.max(line.length, maxLineLength); maxLineLength = Math.max(line.length, maxLineLength);
}); });
textElem.attr('cols', maxLineLength); textElem?.attr('cols', maxLineLength);
textElem.attr('rows', lines.length); textElem?.attr('rows', lines.length);
this._containerElem.css({ this._containerElem?.css({
width: `${maxLineLength + 2}em`, width: `${maxLineLength + 2}em`,
height: textElem.height(), height: textElem?.height() || 0,
}); });
} }
} }
isVisible(): boolean { isVisible(): boolean {
return $defined(this._containerElem) && this._containerElem.css('display') === 'block'; return this._containerElem !== null && this._containerElem.css('display') === 'block';
} }
private _updateModel() { private _updateModel() {
if (this._topic.getText() !== this._getTextAreaText()) { if (this._topic && this._topic.getText() !== this._getTextAreaText()) {
const text = this._getTextAreaText(); const text = this._getTextAreaText();
const topicId = this._topic.getId(); const topicId = this._topic.getId();
@ -167,36 +167,39 @@ class MultilineTextEditor extends Events {
private _showEditor(defaultText: string) { private _showEditor(defaultText: string) {
const topic = this._topic; const topic = this._topic;
if (topic && this._containerElem) {
// Hide topic text ...
topic.getTextShape().setVisibility(false);
// Hide topic text ... // Set Editor Style
topic.getTextShape().setVisibility(false); const nodeText = topic.getTextShape();
const fontStyle = nodeText.getFontStyle();
fontStyle.size = nodeText.getHtmlFontSize();
fontStyle.color = nodeText.getColor();
this._setStyle(fontStyle);
// Set Editor Style // Set editor's initial size
const nodeText = topic.getTextShape(); // Position the editor and set the size...
const fontStyle = nodeText.getFontStyle(); const textShape = topic.getTextShape();
fontStyle.size = nodeText.getHtmlFontSize();
fontStyle.color = nodeText.getColor();
this._setStyle(fontStyle);
// Set editor's initial size this._containerElem.css('display', 'block');
// Position the editor and set the size...
const textShape = topic.getTextShape();
this._containerElem.css('display', 'block'); let { top, left } = textShape.getNativePosition();
// Adjust padding top position ...
top -= 4;
left -= 4;
this._containerElem.offset({ top, left });
let { top, left } = textShape.getNativePosition(); // Set editor's initial text ...
// Adjust padding top position ... const text = $defined(defaultText) ? defaultText : topic.getText();
top -= 4; this._setText(text);
left -= 4;
this._containerElem.offset({ top, left });
// Set editor's initial text ... // Set the element focus and select the current text ...
const text = $defined(defaultText) ? defaultText : topic.getText(); const inputElem = this._getTextareaElem();
this._setText(text); if (inputElem) {
this._positionCursor(inputElem, !$defined(defaultText));
// Set the element focus and select the current text ... }
const inputElem = this._getTextareaElem(); }
this._positionCursor(inputElem, !$defined(defaultText));
} }
private _setStyle(fontStyle) { private _setStyle(fontStyle) {
@ -223,22 +226,22 @@ class MultilineTextEditor extends Events {
fontWeight: fontStyle.weight, fontWeight: fontStyle.weight,
color: fontStyle.color, color: fontStyle.color,
}; };
inputField.css(style); inputField?.css(style);
this._containerElem.css(style); this._containerElem?.css(style);
} }
private _setText(text: string): void { private _setText(text: string): void {
const textareaElem = this._getTextareaElem(); const textareaElem = this._getTextareaElem();
textareaElem.val(text); textareaElem?.val(text);
this._adjustEditorSize(); this._adjustEditorSize();
} }
private _getTextAreaText(): string { private _getTextAreaText(): string {
return this._getTextareaElem().val() as string; return this._getTextareaElem()?.val() as string;
} }
private _getTextareaElem(): JQuery<HTMLTextAreaElement> { private _getTextareaElem(): JQuery<HTMLTextAreaElement> | null {
return this._containerElem.find('textarea'); return this._containerElem ? this._containerElem.find('textarea') : null;
} }
private _positionCursor(textareaElem: JQuery<HTMLTextAreaElement>, selectText: boolean) { private _positionCursor(textareaElem: JQuery<HTMLTextAreaElement>, selectText: boolean) {
@ -259,7 +262,7 @@ class MultilineTextEditor extends Events {
} }
// Remove it form the screen ... // Remove it form the screen ...
this._containerElem.remove(); this._containerElem?.remove();
this._containerElem = null; this._containerElem = null;
} }

2
packages/mindplot/src/components/PersistenceManager.ts
View File

@ -54,7 +54,7 @@ abstract class PersistenceManager {
protected getCSRFToken(): string | null { protected getCSRFToken(): string | null {
const meta = document.head.querySelector('meta[name="_csrf"]'); const meta = document.head.querySelector('meta[name="_csrf"]');
let result = null; let result: string | null = null;
if (meta) { if (meta) {
result = meta.getAttribute('content'); result = meta.getAttribute('content');
} }

2
packages/mindplot/src/components/ScreenManager.ts
View File

@ -85,7 +85,7 @@ class ScreenManager {
} }
} }
fireEvent(type: string, event: UIEvent = null) { fireEvent(type: string, event?: UIEvent): void {
if (type === 'click') { if (type === 'click') {
this._clickEvents.forEach((listener) => { this._clickEvents.forEach((listener) => {
listener(type, event); listener(type, event);

48
packages/mindplot/src/components/Topic.ts
View File

@ -15,7 +15,6 @@
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
import $ from 'jquery';
import { $assert, $defined } from '@wisemapping/core-js'; import { $assert, $defined } from '@wisemapping/core-js';
import { Rect, Image, Line, Text, Group, ElementClass, Point } from '@wisemapping/web2d'; import { Rect, Image, Line, Text, Group, ElementClass, Point } from '@wisemapping/web2d';
@ -147,7 +146,7 @@ abstract class Topic extends NodeGraph {
// Move connector to front // Move connector to front
const connector = this.getShrinkConnector(); const connector = this.getShrinkConnector();
if ($defined(connector)) { if (connector) {
connector.moveToFront(); connector.moveToFront();
} }
} }
@ -508,7 +507,7 @@ abstract class Topic extends NodeGraph {
} }
} }
private _setText(text: string, updateModel?: boolean) { private _setText(text: string | null, updateModel?: boolean) {
const textShape = this.getTextShape(); const textShape = this.getTextShape();
textShape.setText(text == null ? TopicStyle.defaultText(this) : text); textShape.setText(text == null ? TopicStyle.defaultText(this) : text);
@ -520,7 +519,7 @@ abstract class Topic extends NodeGraph {
setText(text: string) { setText(text: string) {
// Avoid empty nodes ... // Avoid empty nodes ...
if (!text || $.trim(text).length === 0) { if (!text || text.trim().length === 0) {
this._setText(null, true); this._setText(null, true);
} else { } else {
this._setText(text, true); this._setText(text, true);
@ -531,11 +530,8 @@ abstract class Topic extends NodeGraph {
getText(): string { getText(): string {
const model = this.getModel(); const model = this.getModel();
let result = model.getText(); const text = model.getText();
if (!$defined(result)) { return text || TopicStyle.defaultText(this);
result = TopicStyle.defaultText(this);
}
return result;
} }
setBackgroundColor(color: string): void { setBackgroundColor(color: string): void {
@ -622,7 +618,7 @@ abstract class Topic extends NodeGraph {
} }
const shrinkConnector = this.getShrinkConnector(); const shrinkConnector = this.getShrinkConnector();
if ($defined(shrinkConnector)) { if (shrinkConnector) {
shrinkConnector.addToWorkspace(group); shrinkConnector.addToWorkspace(group);
} }
@ -706,7 +702,7 @@ abstract class Topic extends NodeGraph {
EventBus.instance.fireEvent('childShrinked', model); EventBus.instance.fireEvent('childShrinked', model);
} }
getShrinkConnector(): ShirinkConnector | undefined { getShrinkConnector(): ShirinkConnector | null {
let result = this._connector; let result = this._connector;
if (this._connector == null) { if (this._connector == null) {
this._connector = new ShirinkConnector(this); this._connector = new ShirinkConnector(this);
@ -849,10 +845,10 @@ abstract class Topic extends NodeGraph {
.map((node) => node.getOutgoingLine()); .map((node) => node.getOutgoingLine());
} }
getOutgoingConnectedTopic(): Topic { getOutgoingConnectedTopic(): Topic | null {
let result = null; let result = null;
const line = this.getOutgoingLine(); const line = this.getOutgoingLine();
if ($defined(line)) { if (line) {
result = line.getTargetTopic(); result = line.getTargetTopic();
} }
return result; return result;
@ -875,7 +871,7 @@ abstract class Topic extends NodeGraph {
setBranchVisibility(value: boolean): void { setBranchVisibility(value: boolean): void {
let current: Topic = this; let current: Topic = this;
let parent: Topic = this; let parent: Topic | null = this;
while (parent != null && !parent.isCentralTopic()) { while (parent != null && !parent.isCentralTopic()) {
current = parent; current = parent;
parent = current.getParent(); parent = current.getParent();
@ -905,7 +901,7 @@ abstract class Topic extends NodeGraph {
this._relationships.forEach((r) => r.moveToBack()); this._relationships.forEach((r) => r.moveToBack());
const connector = this.getShrinkConnector(); const connector = this.getShrinkConnector();
if ($defined(connector)) { if (connector) {
connector.moveToBack(); connector.moveToBack();
} }
@ -916,7 +912,7 @@ abstract class Topic extends NodeGraph {
moveToFront(): void { moveToFront(): void {
this.get2DElement().moveToFront(); this.get2DElement().moveToFront();
const connector = this.getShrinkConnector(); const connector = this.getShrinkConnector();
if ($defined(connector)) { if (connector) {
connector.moveToFront(); connector.moveToFront();
} }
// Update relationship lines // Update relationship lines
@ -951,7 +947,7 @@ abstract class Topic extends NodeGraph {
if (this.getIncomingLines().length > 0) { if (this.getIncomingLines().length > 0) {
const connector = this.getShrinkConnector(); const connector = this.getShrinkConnector();
if ($defined(connector)) { if (connector) {
connector.setVisibility(value, fade); connector.setVisibility(value, fade);
} }
} }
@ -970,7 +966,7 @@ abstract class Topic extends NodeGraph {
elem.setOpacity(opacity); elem.setOpacity(opacity);
const connector = this.getShrinkConnector(); const connector = this.getShrinkConnector();
if ($defined(connector)) { if (connector) {
connector.setOpacity(opacity); connector.setOpacity(opacity);
} }
const textShape = this.getTextShape(); const textShape = this.getTextShape();
@ -1132,7 +1128,7 @@ abstract class Topic extends NodeGraph {
// Display connection node... // Display connection node...
const connector = targetTopic.getShrinkConnector(); const connector = targetTopic.getShrinkConnector();
if ($defined(connector)) { if (connector) {
connector.setVisibility(true); connector.setVisibility(true);
} }
@ -1190,9 +1186,10 @@ abstract class Topic extends NodeGraph {
EventBus.instance.fireEvent('topicAdded', this.getModel()); EventBus.instance.fireEvent('topicAdded', this.getModel());
} }
if (this.getModel().isConnected()) { const outgoingTopic = this.getOutgoingConnectedTopic();
if (this.getModel().isConnected() && outgoingTopic) {
EventBus.instance.fireEvent('topicConnected', { EventBus.instance.fireEvent('topicConnected', {
parentNode: this.getOutgoingConnectedTopic().getModel(), parentNode: outgoingTopic.getModel(),
childNode: this.getModel(), childNode: this.getModel(),
}); });
} }
@ -1212,7 +1209,7 @@ abstract class Topic extends NodeGraph {
// Is the node already connected ? // Is the node already connected ?
const targetTopic = this.getOutgoingConnectedTopic(); const targetTopic = this.getOutgoingConnectedTopic();
if ($defined(targetTopic)) { if (targetTopic) {
result.connectTo(targetTopic); result.connectTo(targetTopic);
result.setVisibility(false); result.setVisibility(false);
} }
@ -1265,19 +1262,18 @@ abstract class Topic extends NodeGraph {
} }
private _flatten2DElements(topic: Topic): (Topic | Relationship)[] { private _flatten2DElements(topic: Topic): (Topic | Relationship)[] {
let result = []; const result: (Topic | Relationship)[] = [];
const children = topic.getChildren(); const children = topic.getChildren();
children.forEach((child) => { children.forEach((child) => {
result.push(child); result.push(child);
result.push(child.getOutgoingLine()); result.push(child.getOutgoingLine());
const relationships = child.getRelationships(); const relationships = child.getRelationships();
result = result.concat(relationships); result.push(...relationships);
if (!child.areChildrenShrunken()) { if (!child.areChildrenShrunken()) {
const innerChilds = this._flatten2DElements(child); const innerChilds = this._flatten2DElements(child);
result = result.concat(innerChilds); result.push(...innerChilds);
} }
}); });
return result; return result;

13
packages/mindplot/src/components/WidgetManager.ts
View File

@ -18,7 +18,12 @@ abstract class WidgetManager {
return this._instance; return this._instance;
} }
private createTooltip(mindmapElement, title: string, linkModel: LinkModel, noteModel: NoteModel) { private createTooltip(
mindmapElement,
title: string,
linkModel?: LinkModel,
noteModel?: NoteModel,
) {
const webcomponentShadowRoot = $($('#mindmap-comp')[0].shadowRoot); const webcomponentShadowRoot = $($('#mindmap-comp')[0].shadowRoot);
let tooltip = webcomponentShadowRoot.find('#mindplot-svg-tooltip'); let tooltip = webcomponentShadowRoot.find('#mindplot-svg-tooltip');
if (!tooltip.length) { if (!tooltip.length) {
@ -97,7 +102,11 @@ abstract class WidgetManager {
abstract showEditorForLink(topic: Topic, linkModel: LinkModel, linkIcon: LinkIcon): void; abstract showEditorForLink(topic: Topic, linkModel: LinkModel, linkIcon: LinkIcon): void;
abstract showEditorForNote(topic: Topic, noteModel: NoteModel, noteIcon: NoteIcon): void; abstract showEditorForNote(
topic: Topic,
noteModel: NoteModel | null,
noteIcon: NoteIcon | null,
): void;
} }
export default WidgetManager; export default WidgetManager;

4
packages/mindplot/src/components/commands/DeleteCommand.ts
View File

@ -137,10 +137,10 @@ class DeleteCommand extends Command {
this._deletedRelModel = []; this._deletedRelModel = [];
} }
private _filterChildren(topicIds: number[], commandContext: CommandContext) { private _filterChildren(topicIds: number[], commandContext: CommandContext): Topic[] {
const topics = commandContext.findTopics(topicIds); const topics = commandContext.findTopics(topicIds);
const result = []; const result: Topic[] = [];
topics.forEach((topic: Topic) => { topics.forEach((topic: Topic) => {
let parent = topic.getParent(); let parent = topic.getParent();
let found = false; let found = false;

2
packages/mindplot/src/components/layout/ChildrenSorterStrategy.ts
View File

@ -28,7 +28,7 @@ abstract class ChildrenSorterStrategy {
abstract detach(treeSet: RootedTreeSet, node: Node): void; abstract detach(treeSet: RootedTreeSet, node: Node): void;
abstract predict(treeSet: RootedTreeSet, parent, node: Node, position: PositionType); abstract predict(treeSet: RootedTreeSet, parent, node: Node | null, position: PositionType);
abstract verify(treeSet: RootedTreeSet, node: Node); abstract verify(treeSet: RootedTreeSet, node: Node);

6
packages/mindplot/src/components/layout/LayoutManager.ts
View File

@ -128,8 +128,8 @@ class LayoutManager extends Events {
predict( predict(
parentId: number, parentId: number,
nodeId: number, nodeId: number | null,
position: PositionType, position: PositionType | null,
): { order: number; position: PositionType } { ): { order: number; position: PositionType } {
$assert($defined(parentId), 'parentId can not be null'); $assert($defined(parentId), 'parentId can not be null');
@ -194,7 +194,7 @@ class LayoutManager extends Events {
if (node.hasOrderChanged() || node.hasPositionChanged()) { if (node.hasOrderChanged() || node.hasPositionChanged()) {
// Find or create a event ... // Find or create a event ...
const id = node.getId(); const id = node.getId();
let event: ChangeEvent = this._events.find((e) => e.getId() === id); let event: ChangeEvent | undefined = this._events.find((e) => e.getId() === id);
if (!event) { if (!event) {
event = new ChangeEvent(id); event = new ChangeEvent(id);
} }

6
packages/mindplot/src/components/model/INodeModel.ts
View File

@ -66,11 +66,11 @@ abstract class INodeModel {
this.putProperty('type', type); this.putProperty('type', type);
} }
setText(text: string): void { setText(text: string | null): void {
this.putProperty('text', text); this.putProperty('text', text);
} }
getText(): string | undefined { getText(): string | null {
return this.getProperty('text') as string; return this.getProperty('text') as string;
} }
@ -290,7 +290,7 @@ abstract class INodeModel {
abstract getProperty(key: string): number | string | boolean; abstract getProperty(key: string): number | string | boolean;
abstract putProperty(key: string, value: number | string | boolean): void; abstract putProperty(key: string, value: number | string | boolean | null): void;
abstract setParent(parent: INodeModel): void; abstract setParent(parent: INodeModel): void;