@darajs/ui-causal-graph-editor 0.4.8

package/dist/types/shared/rendering/engine.d.ts

@@ -0,0 +1,436 @@
+import * as PIXI from 'pixi.js';
+import type { DefaultTheme } from '@darajs/styled-components';
+import type { NotificationPayload } from '@darajs/ui-notifications';
+import type { GraphLayout } from '../graph-layout';
+import type { DragMode } from '../use-drag-mode';
+import type { EdgeConstraint, SimulationEdge, SimulationGraph, ZoomThresholds } from '../../types';
+import { EditorMode } from '../../types';
+import type { PixiEdgeStyle } from './edge';
+export interface EngineEvents {
+    backgroundClick: () => void;
+    createEdge: (event: PIXI.FederatedMouseEvent, source: string, target: string) => void;
+    dragEnd: () => void;
+    dragStart: () => void;
+    edgeClick: (event: PIXI.FederatedMouseEvent, source: string, target: string) => void;
+    edgeMouseout: (event: PIXI.FederatedMouseEvent, edgeKey: string) => void;
+    edgeMouseover: (event: PIXI.FederatedMouseEvent, edgeKey: string) => void;
+    nodeClick: (event: PIXI.FederatedMouseEvent, nodeKey: string) => void;
+    nodeMouseout: (event: PIXI.FederatedMouseEvent, nodeKey: string) => void;
+    nodeMouseover: (event: PIXI.FederatedMouseEvent, nodeKey: string) => void;
+    groupMouseout: (event: PIXI.FederatedMouseEvent, groupKey: string) => void;
+    groupMouseover: (event: PIXI.FederatedMouseEvent, groupKey: string) => void;
+    layoutComputationStart: () => void;
+    layoutComputationEnd: () => void;
+}
+export declare const ENGINE_EVENTS: Array<keyof EngineEvents>;
+export declare class Engine extends PIXI.EventEmitter<EngineEvents> {
+    /** App instance */
+    private app;
+    /** Background object */
+    private background;
+    /** Available edge constraints */
+    private constraints;
+    /** Parent container where canvas is rendered in */
+    private container;
+    /** Running layout worker instance */
+    private layoutWorker;
+    /** Debounced version of `this.updateLayout` in case multiple changes come in at the same time */
+    debouncedUpdateLayout: import("lodash").DebouncedFunc<(retry?: boolean) => Promise<void>>;
+    /** Current drag mode */
+    private dragMode;
+    /** Container storing edge graphics */
+    private edgeLayer;
+    /** Edge ID -> EdgeObject cache */
+    private edgeMap;
+    /** Container storing edge symbol graphics */
+    private edgeSymbolsLayer;
+    /** Whether the graph is editable */
+    private editable;
+    /** Current editor mode */
+    private editorMode;
+    /** Graph state */
+    private graph;
+    /** Whether engine has been started */
+    initialized: boolean;
+    /** Whether there is an edge being created */
+    private isCreatingEdge;
+    /** Whether a node is being moved */
+    private isMovingNode;
+    /** Graph layout instance */
+    private layout?;
+    /** Which edge the user is holding down mouse button on */
+    private mousedownEdgeKey;
+    /** Which node the user is holding down mouse button on */
+    private mousedownNodeKey;
+    /** Container storing node label graphics */
+    private nodeLabelLayer;
+    /** Container storing node graphics */
+    private nodeLayer;
+    /** Node ID -> NodeObject cache */
+    private nodeMap;
+    /** Center position of the node user pressed mousedown on, stored while user is holding down mouse1 */
+    private nodeMousedownCenterPosition;
+    /** Last mousedown event position stored while user is holding down mouse1 */
+    private nodeMousedownPosition;
+    /** Callback executed when a node is added */
+    private onAddNode?;
+    /** Callback executed when an edge is added */
+    private onAddEdge?;
+    /** Callback executed when engine is being destroyed */
+    private onCleanup?;
+    /** Container storing group container graphics */
+    private groupContainerLayer;
+    /** Group ID -> GroupContainerObject cache */
+    private groupContainerMap;
+    /** Group ID -> simulation edge array */
+    private collapsedEdgesMap;
+    private onGraphAttributesUpdatedBound;
+    private onGraphNodeAddedBound;
+    private onGraphEdgeAddedBound;
+    private onGraphEdgeDroppedBound;
+    private onGraphNodeDroppedBound;
+    private onGraphEdgeAttributesUpdatedBound;
+    private onGraphNodeAttributesUpdatedBound;
+    private onDocumentMouseMoveBound;
+    private onDocumentMouseUpBound;
+    private onLayoutComputationStartedBound;
+    private onLayoutComputationDoneBound;
+    /** Callback executed when a drag motion is done */
+    private onEndDrag?;
+    /** Callback executed when a node is being moved */
+    private onMove?;
+    /** Callback executed when a drag motion is started */
+    private onStartDrag?;
+    /** Callback for raising error from a layout build into the Graph component */
+    private errorHandler?;
+    /** Callback executed when an edge needs style change */
+    private processEdgeStyle?;
+    /** Last render request ID - used to skip extra render calls */
+    private renderRequestId;
+    /** Whether the styles are dirty and need to be updated in the animation frame */
+    private isStyleDirty;
+    /** ResizeObserver instance watching window resizes */
+    private resizeObserver;
+    /** Current node search results */
+    private searchResults;
+    /** Currently selected edge. We keep track of it here so we can unselect it when need be */
+    private selectedEdge;
+    /** Currently selected node. We keep track of it here so we can unselect it when need be */
+    private selectedNode;
+    /** Current range of edge strength values provided in meta attributes */
+    private strengthRange;
+    /** Texture cache instance */
+    private textureCache;
+    /** Current theme */
+    private theme;
+    /** Graph UID */
+    private uid;
+    /** Viewport instance */
+    private viewport;
+    /** Optional user-provided zoom thresholds */
+    private zoomThresholds?;
+    /** whether zoom on scroll should be enabled only when the graph is focused */
+    private requireFocusToZoom;
+    /** Whether the graph is currently focused */
+    private isFocused;
+    constructor(graph: SimulationGraph, layout: GraphLayout, editable: boolean, editorMode: EditorMode, theme: DefaultTheme, constraints?: EdgeConstraint[], zoomThresholds?: ZoomThresholds, errorHandler?: (error: NotificationPayload) => void, processEdgeStyle?: (edge: PixiEdgeStyle, attributes: SimulationEdge) => PixiEdgeStyle, requireFocusToZoom?: boolean);
+    /**
+     * Get the center position of the rendered viewport
+     */
+    getCenterPosition(): PIXI.PointData;
+    /**
+     * Cleanup the app appropriately
+     */
+    destroy(): void;
+    /**
+     * Mark styles to update them in the next animation frame
+     */
+    markStylesDirty(): void;
+    /**
+     * Request the graph to be re-rendered
+     */
+    requestRender(): void;
+    /**
+     * Reset the viewport to fit the graph centered on screen
+     */
+    resetViewport(): void;
+    /**
+     * Collapse all groups present in the graph
+     */
+    collapseAllGroups(): void;
+    /**
+     * Expand all groups present in the graph
+     */
+    expandAllGroups(): void;
+    /**
+     * Update matched status based on new search result
+     *
+     * @param ids ids found in search result
+     */
+    searchNodes(ids: string[]): void;
+    /**
+     * Select an edge with given id
+     *
+     * @param id id of the edge
+     */
+    selectEdge(path: [string, string]): void;
+    /**
+     * Select a node with given id
+     *
+     * @param id id of the node
+     */
+    selectNode(id: string): void;
+    /**
+     * Update drag mode
+     *
+     * @param dragMode drag mode to set
+     */
+    setDragMode(dragMode: DragMode): void;
+    /**
+     * Update theme used
+     *
+     * @param theme theme used
+     */
+    setTheme(theme: DefaultTheme): void;
+    /**
+     * Start the rendering engine
+     *
+     * @param container container to start in - canvas will be injected into it
+     */
+    start(container: HTMLElement): Promise<void>;
+    /**
+     * Notify the engine about focus change on the graph canvas
+     *
+     * This is used to enable/disable behaviour depending on focus state, e.g. zoom on wheel
+     *
+     * @param isFocused - focus state
+     */
+    setFocus(isFocused: boolean): void;
+    /**
+     * Toggle zoom-on-wheel behaviour
+     *
+     * @param isEnabled - whether to enable or disable wheel zoom
+     */
+    toggleWheelZoom(isEnabled: boolean): void;
+    /**
+     * Wheel listener which disables the default browser scrolling behaviour
+     *
+     * @param event - mouse wheel event
+     */
+    private static wheelListener;
+    /**
+     * Extract current visible canvas state to an image
+     */
+    extractImage(): Promise<string>;
+    /**
+     * Update the set of constraints
+     *
+     * @param constraints new constraints
+     */
+    updateConstraints(constraints: EdgeConstraint[]): void;
+    /**
+     * Create an edge
+     *
+     * @param id edge id
+     * @param attributes  edge attributes
+     * @param source source node id
+     * @param target target node i
+     * @param sourceAttributes source node attributes
+     * @param targetAttributes target node attributes
+     */
+    private createEdge;
+    /**
+     * Create the graph.
+     *
+     * Creates edges and nodes based on current graph state.
+     */
+    private createGraph;
+    /**
+     * Create a node
+     *
+     * @param id node id
+     * @param attributes node attributes
+     */
+    private createNode;
+    /**
+     * Create a group container
+     *
+     * @param id node id
+     * @param nodes a list of simulation nodes that are part of the group
+     */
+    private createGroupContainer;
+    /**
+     * Creates all group containers
+     */
+    private createGroupContainers;
+    /**
+     * Drop the edge graphics from the renderer
+     *
+     * @param id edge id
+     */
+    private dropEdge;
+    /**
+     * Drop the node graphics from the renderer
+     *
+     * @param id node id
+     */
+    private dropNode;
+    /**
+     * Drop the group container graphics from the renderer
+     *
+     * @param id node id
+     */
+    private dropGroupContainer;
+    /**
+     * Enables drag behaviour
+     *
+     * Pauses viewport dragging and installs listeners for mouse movement
+     */
+    private enableDragBehaviour;
+    /**
+     * Get constraint for given edge
+     *
+     * @param source edge source
+     * @param target edge target
+     */
+    private getConstraint;
+    /**
+     * Get style object to determine edge behaviour
+     *
+     * @param edge edge object to get styles for
+     * @param attributes edge attributes
+     * @param constraint optional attached constraint, used in edge encoder mode
+     */
+    private getEdgeStyle;
+    /**
+     * Get style object to determine node behaviour
+     *
+     * @param node node object to get styles for
+     * @param attributes node attributes
+     */
+    private getNodeStyle;
+    /**
+     * Enable hover state for given edge
+     *
+     * @param id id of edge to hover
+     */
+    private hoverEdge;
+    /**
+     * Enable hover state for given node
+     *
+     * @param id id of node to hover
+     */
+    private hoverNode;
+    /**
+     * Move given node to target position
+     *
+     * @param nodeKey id of node to move
+     * @param point target position
+     */
+    private moveNode;
+    /**
+     * Callback invoked when layout worker has finished computing layout
+     */
+    private onLayoutComputationDone;
+    /**
+     * Callback invoked when a request is sent to the layout worker
+     */
+    private onLayoutComputationStart;
+    /**
+     * Move handler - drag behaviour
+     *
+     * @param event mouse event
+     */
+    private onDocumentMouseMove;
+    /**
+     * On mouse up, stop drag - reset stored mousedown keys and remove moving listener
+     */
+    private onDocumentMouseUp;
+    private onGraphAttributesUpdated;
+    private onGraphNodeAdded;
+    private onGraphEdgeAdded;
+    private onGraphEdgeDropped;
+    private onGraphNodeDropped;
+    private onGraphEdgeAttributesUpdated;
+    private onGraphNodeAttributesUpdated;
+    /**
+     * Apply a given layout to the graph
+     *
+     * @param layout layout to apply
+     */
+    private setLayout;
+    /**
+     * Get relative strength definition based on all edge thickness provided
+     *
+     * @param attributes edge attributes
+     */
+    private getRelativeStrength;
+    /**
+     * Disable hover state for given edge
+     *
+     * @param id id of edge to unhover
+     */
+    private unhoverEdge;
+    /**
+     * Disable hover state for given node
+     *
+     * @param id id of node to unhover
+     */
+    private unhoverNode;
+    /**
+     * Update edge style
+     *
+     * @param id id of edge to update
+     * @param attributes edge attributes
+     * @param source source node ID
+     * @param target target node ID
+     * @param sourceNodeAttributes source node attributes
+     * @param targetNodeAttributes target node attributes
+     */
+    private updateEdgeStyle;
+    /**
+     * Update style for given edge
+     *
+     * @param edgeKey id of edge to update
+     */
+    private updateEdgeStyleByKey;
+    /**
+     * Update visibility of graph parts.
+     *
+     * Applies culling to hide off-screen graphics, updates LOD based on zoom level
+     */
+    private updateGraphVisibility;
+    /**
+     * Recompute the layout and apply it
+     */
+    private updateLayout;
+    /**
+     * Update style of given node
+     *
+     * @param id id of node to update
+     * @param attributes node attributes
+     */
+    private updateNodeStyle;
+    /**
+     * Update style of given group container
+     *
+     * @param id id of group to update
+     * @param nodes array of nodes that are part of the group
+     */
+    private updateGroupContainerStyle;
+    /**
+     * Update style for given node
+     *
+     * @param nodeKey id of node to update
+     */
+    private updateNodeStyleByKey;
+    /**
+     * Recalculate current strength range based on thickness properties
+     */
+    private updateStrengthRange;
+    /**
+     * Update the visuals of each node, edge and group containers
+     */
+    private updateStyles;
+}
+//# sourceMappingURL=engine.d.ts.map

package/dist/types/shared/rendering/engine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../../../../src/shared/rendering/engine.tsx"],"names":[],"mappings":"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"}

package/dist/types/shared/rendering/grouping/group-container-object.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as PIXI from 'pixi.js';
+import type { DefaultTheme } from '@darajs/styled-components';
+import type { SimulationNode } from '../../../types';
+import type { TextureCache } from '../texture-cache';
+import { MOUSE_EVENTS } from '../utils';
+/**
+ * Represents a drawn Group Container object
+ */
+export declare class GroupContainerObject extends PIXI.EventEmitter<(typeof MOUSE_EVENTS)[number]> {
+    groupContainerGfx: PIXI.Container;
+    constructor();
+    /**
+     * Create a new group container, including sprites for:
+     * - rectangle
+     * - border
+     */
+    private createGroupContainer;
+    /**
+     * Update container style of a given groupContainerGfx container
+     *
+     * @param groupContainerGfx group container graphics pixi container
+     * @param nodes list of simulation nodes
+     * @param textureCache texture cache instance
+     */
+    static updateContainerStyle(groupContainerGfx: PIXI.Container, nodes: SimulationNode[], textureCache: TextureCache, theme: DefaultTheme): void;
+    /**
+     * Moves all group container graphics to given position
+     *
+     * @param position position to move to
+     */
+    updatePosition(position: PIXI.PointData): void;
+    /**
+     * Update styles of all group container graphics
+     *
+     * @param nodeStyle current node style
+     * @param textureCache texture cache instance
+     */
+    updateStyle(nodes: SimulationNode[], textureCache: TextureCache, theme: DefaultTheme): void;
+}
+//# sourceMappingURL=group-container-object.d.ts.map

package/dist/types/shared/rendering/grouping/group-container-object.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-container-object.d.ts","sourceRoot":"","sources":["../../../../../src/shared/rendering/grouping/group-container-object.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;AAEhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAI9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,YAAY,EAA0B,MAAM,UAAU,CAAC;AAKhE;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;IACtF,iBAAiB,EAAE,IAAI,CAAC,SAAS,CAAC;;IAOlC;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IA2B5B;;;;;;OAMG;IACH,MAAM,CAAC,oBAAoB,CACvB,iBAAiB,EAAE,IAAI,CAAC,SAAS,EACjC,KAAK,EAAE,cAAc,EAAE,EACvB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,YAAY,GACpB,IAAI;IAwCP;;;;OAIG;IACH,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,GAAG,IAAI;IAI9C;;;;;OAKG;IACH,WAAW,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI;CAsB9F"}

package/dist/types/shared/rendering/grouping/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/shared/rendering/grouping/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/rendering/grouping/index.tsx"],"names":[],"mappings":""}

package/dist/types/shared/rendering/node/definitions.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { DefaultTheme } from '@darajs/styled-components';
+import type { NodeCategory } from '../../../types';
+export declare const BORDER_PADDING = 2;
+/**
+ * Defines complete set of information used to determine node visuals
+ */
+export interface PixiNodeStyle {
+    /** Node background color */
+    color?: string;
+    /** The category the node belongs to */
+    category: NodeCategory;
+    /** Border/shadow color */
+    highlight_color?: string;
+    /** Whether there is a edge currently selected */
+    isEdgeSelected: boolean;
+    /** Whether there is a new edge being created from this node */
+    isSourceOfNewEdge: boolean;
+    /** Node text */
+    label: string;
+    /** Node text color */
+    label_color?: string;
+    /** Node text font size */
+    label_size?: number;
+    /** Node size */
+    size: number;
+    /** Current node state */
+    state: NodeState;
+    /** Current theme object */
+    theme: DefaultTheme;
+    /** Whether the node should show as a group node or not */
+    isGroupNode?: boolean;
+}
+/**
+ * Current node state
+ */
+export interface NodeState {
+    /** Whether an edge connected to the node is selected */
+    attachedEdgeSelected: boolean;
+    hover: boolean;
+    matched: boolean;
+    selected: boolean;
+}
+//# sourceMappingURL=definitions.d.ts.map

package/dist/types/shared/rendering/node/definitions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definitions.d.ts","sourceRoot":"","sources":["../../../../../src/shared/rendering/node/definitions.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,QAAQ,EAAE,YAAY,CAAC;IACvB,0BAA0B;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,cAAc,EAAE,OAAO,CAAC;IACxB,+DAA+D;IAC/D,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,2BAA2B;IAC3B,KAAK,EAAE,YAAY,CAAC;IACpB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACtB,wDAAwD;IACxD,oBAAoB,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACrB"}

package/dist/types/shared/rendering/node/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { NodeObject } from './node-object';
+export { type PixiNodeStyle } from './definitions';
+export { getNodeSize } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/shared/rendering/node/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/rendering/node/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/shared/rendering/node/node-object.d.ts

@@ -0,0 +1,78 @@
+import * as PIXI from 'pixi.js';
+import { EventEmitter } from 'pixi.js';
+import type { ZoomState } from '../../../types';
+import type { TextureCache } from '../texture-cache';
+import { MOUSE_EVENTS } from '../utils';
+import type { NodeState, PixiNodeStyle } from './definitions';
+/**
+ * Represents a drawn Node object
+ */
+export declare class NodeObject extends EventEmitter<(typeof MOUSE_EVENTS)[number]> {
+    nodeGfx: PIXI.Container;
+    nodeLabelGfx: PIXI.Container;
+    /**
+     * Current node state
+     */
+    state: NodeState;
+    constructor();
+    /**
+     * Create a new node container, including sprites for:
+     * - circle
+     * - border
+     */
+    private createNode;
+    /**
+     * Create a new node label, including a sprite for the text
+     */
+    private createNodeLabel;
+    /**
+     * Update node style of a given nodeGfx container
+     *
+     * @param nodeGfx node graphics container
+     * @param nodeStyle current node style
+     * @param textureCache texture cache instance
+     */
+    static updateNodeStyle(nodeGfx: PIXI.Container, nodeStyle: PixiNodeStyle, textureCache: TextureCache): void;
+    /**
+     * Update node style of a given nodeLabelGfx container
+     *
+     * @param nodeLabelGfx node label graphics container
+     * @param nodeStyle current node style
+     * @param textureCache texture cache instance
+     */
+    static updateNodeLabelStyle(nodeLabelGfx: PIXI.Container, nodeStyle: PixiNodeStyle, textureCache: TextureCache): void;
+    /**
+     * Update visibility of node elements based on zoomstep
+     *
+     * @param nodeGfx node graphics container
+     * @param zoomStep zoom step
+     */
+    static updateNodeVisibility(nodeGfx: PIXI.Container, zoomState: ZoomState, state: NodeState): void;
+    /**
+     * Update visibility of node label elements based on zoomstep
+     *
+     * @param nodeGfx node label graphics container
+     * @param zoomStep zoom step
+     */
+    static updateNodeLabelVisibility(nodeLabelGfx: PIXI.Container, zoomState: ZoomState): void;
+    /**
+     * Moves all node graphics to given position
+     *
+     * @param position position to move to
+     */
+    updatePosition(position: PIXI.PointData): void;
+    /**
+     * Update styles of all node graphics
+     *
+     * @param nodeStyle current node style
+     * @param textureCache texture cache instance
+     */
+    updateStyle(nodeStyle: PixiNodeStyle, textureCache: TextureCache): void;
+    /**
+     * Update visibility of node graphics
+     *
+     * @param zoomStep current zoom step
+     */
+    updateVisibility(zoomState: ZoomState): void;
+}
+//# sourceMappingURL=node-object.d.ts.map