@darajs/ui-causal-graph-editor 0.4.8

package/dist/types/shared/graph-layout/worker/worker.d.ts

@@ -0,0 +1,27 @@
+import type { LayoutMapping, XYPosition } from 'graphology-layout/utils';
+import type { SerializedGraph } from 'graphology-types';
+import type { SimulationAttributes, SimulationEdge, SimulationNode } from '../../../types';
+import type { BaseLayoutParams, LayoutComputationCallbacks, SerializableLayoutComputationResult } from '../common';
+/**
+ * Compute the layout for the given graph using the provided layout parameters.
+ *
+ * @param layoutParams layout parameters
+ * @param serializedGraph the graph to apply the layout to, in its serialized form created by graphology
+ * @param forceUpdate callback to update the layout, is a proxy to the main thread
+ */
+export declare function applyLayout<TParams extends BaseLayoutParams>(layoutParams: TParams, serializedGraph: SerializedGraph<SimulationNode, SimulationEdge, SimulationAttributes>, forceUpdate?: (layout: LayoutMapping<XYPosition>, edgePoints?: LayoutMapping<XYPosition[]>) => void): Promise<SerializableLayoutComputationResult>;
+/**
+ * Invoke a callback registered by the layout computation.
+ *
+ * @param cbName name of the callback to invoke
+ * @param args arguments to pass to the callback
+ */
+export declare function invokeCallback<CbName extends keyof LayoutComputationCallbacks>(cbName: CbName, ...args: Parameters<LayoutComputationCallbacks[CbName]>): Promise<void>;
+/**
+ * Public API exposed from the worker
+ */
+export declare const workerApi: {
+    readonly applyLayout: typeof applyLayout;
+    readonly invokeCallback: typeof invokeCallback;
+};
+//# sourceMappingURL=worker.d.ts.map

package/dist/types/shared/graph-layout/worker/worker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.d.ts","sourceRoot":"","sources":["../../../../../src/shared/graph-layout/worker/worker.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAEnF,OAAO,KAAK,EACR,gBAAgB,EAChB,0BAA0B,EAE1B,mCAAmC,EACtC,MAAM,WAAW,CAAC;AA8BnB;;;;;;GAMG;AACH,wBAAsB,WAAW,CAAC,OAAO,SAAS,gBAAgB,EAC9D,YAAY,EAAE,OAAO,EACrB,eAAe,EAAE,eAAe,CAAC,cAAc,EAAE,cAAc,EAAE,oBAAoB,CAAC,EACtF,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,KAAK,IAAI,GACpG,OAAO,CAAC,mCAAmC,CAAC,CA6B9C;AAED;;;;;GAKG;AACH,wBAAsB,cAAc,CAAC,MAAM,SAAS,MAAM,0BAA0B,EAChF,MAAM,EAAE,MAAM,EACd,GAAG,IAAI,EAAE,UAAU,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,GACxD,OAAO,CAAC,IAAI,CAAC,CAWf;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;;;CAGZ,CAAC"}

package/dist/types/shared/parsers.d.ts

@@ -0,0 +1,43 @@
+import type { LayoutMapping, XYPosition } from 'graphology-layout/utils';
+import type { CausalGraph, CausalGraphEdge, CausalGraphNode, D3SimulationEdge, SimulationEdge, SimulationGraph, SimulationNode, SimulationNodeWithCategory } from '../types';
+/**
+ * Get graph edges in d3 expected format
+ *
+ * @param graph graph to get edges from
+ */
+export declare function getD3Data(graph: SimulationGraph): [edges: D3SimulationEdge[], nodes: SimulationNodeWithCategory[]];
+/**
+ * Format node data in a layoutmapping format
+ *
+ * @param nodes
+ */
+export declare function nodesToLayout(nodes: SimulationNode[]): LayoutMapping<XYPosition>;
+/**
+ * Parse a causal graph node into a simulation node
+ *
+ * @param nodeKey node id
+ * @param nodeData  node data
+ * @param data whole graph data
+ * @param availableInputs optional list of input nodes
+ */
+export declare function parseGraphNode(nodeKey: string, nodeData: CausalGraphNode, data: CausalGraph, availableInputs?: string[]): SimulationNode;
+/**
+ * Parse a causal graph edge into simulation edge
+ *
+ * @param edgeData edge data
+ */
+export declare function parseGraphEdge(edgeData: CausalGraphEdge): SimulationEdge;
+/**
+ * Function which receives a list of nodes and adds property for those that share a variable_name
+ *
+ * @param graph Simulation graph
+ */
+export declare function updateNodesForTimeSeries(graph: SimulationGraph): void;
+/**
+ * Parses CausalGraph structure into a SimulationGraph representation
+ *
+ * @param data input CausalGraph structure
+ * @param availableInputs names of input nodes
+ */
+export declare function causalGraphParser(data: CausalGraph, availableInputs?: string[], initialGraph?: SimulationGraph): SimulationGraph;
+//# sourceMappingURL=parsers.d.ts.map

package/dist/types/shared/parsers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parsers.d.ts","sourceRoot":"","sources":["../../../src/shared/parsers.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAIzE,OAAO,KAAK,EACR,WAAW,EACX,eAAe,EACf,eAAe,EACf,gBAAgB,EAIhB,cAAc,EACd,eAAe,EACf,cAAc,EACd,0BAA0B,EAC7B,MAAM,UAAU,CAAC;AAGlB;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,eAAe,GAAG,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,CAAC,CAqBlH;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,aAAa,CAAC,UAAU,CAAC,CAShF;AAaD;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC1B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,eAAe,EACzB,IAAI,EAAE,WAAW,EACjB,eAAe,CAAC,EAAE,MAAM,EAAE,GAC3B,cAAc,CAoChB;AAaD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,eAAe,GAAG,cAAc,CAoBxE;AAiBD;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAwBrE;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC7B,IAAI,EAAE,WAAW,EACjB,eAAe,CAAC,EAAE,MAAM,EAAE,EAC1B,YAAY,CAAC,EAAE,eAAe,GAC/B,eAAe,CAgFjB"}

package/dist/types/shared/pointer-context.d.ts

@@ -0,0 +1,20 @@
+interface PointerContext {
+    /**
+     * Whether to disable pointer events on the panels
+     */
+    disablePointerEvents: boolean;
+    /**
+     * Handler for when a panel is hovered over
+     */
+    onPanelEnter: () => void;
+    /**
+     * Handler for when a panel is no longer hovered over
+     */
+    onPanelExit: () => void;
+}
+/**
+ * Context for handling interactions between the editor overlay and the editor canvas
+ */
+declare const pointerCtx: import("react").Context<PointerContext>;
+export default pointerCtx;
+//# sourceMappingURL=pointer-context.d.ts.map

package/dist/types/shared/pointer-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-context.d.ts","sourceRoot":"","sources":["../../../src/shared/pointer-context.tsx"],"names":[],"mappings":"AAkBA,UAAU,cAAc;IACpB;;OAEG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,WAAW,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;GAEG;AACH,QAAA,MAAM,UAAU,yCAAsC,CAAC;AAEvD,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,48 @@
+/**
+ * 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 { Viewport } from 'pixi-viewport';
+import * as PIXI from 'pixi.js';
+import type { DefaultTheme } from '@darajs/styled-components';
+import type { TextureCache } from './texture-cache';
+export declare class Background extends PIXI.EventEmitter<'click'> {
+    sprite: PIXI.TilingSprite;
+    constructor(theme: DefaultTheme, textureCache: TextureCache, viewport: Viewport);
+    /**
+     * Setup the listeners for the background clicks.
+     *
+     * The listener is set on the viewport itself as the background is behind
+     * the viewport so it does not receive clicks itself.
+     *
+     * @param viewport viewport to listen to
+     */
+    private setupListeners;
+    private createGfx;
+    /**
+     * Update the size of the background to fit container
+     *
+     * @param container
+     */
+    updatePosition(container: HTMLElement): void;
+    /**
+     * Update the texture of the sprite based on the theme
+     *
+     * @param theme theme to get bg color from
+     * @param textureCache texture cache to get texture from
+     */
+    updateTexture(theme: DefaultTheme, textureCache: TextureCache): void;
+}
+//# sourceMappingURL=background.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../../src/shared/rendering/background.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;AAEhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAMpD,qBAAa,UAAW,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;IAC/C,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC;gBAErB,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ;IAW/E;;;;;;;OAOG;IACH,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,SAAS;IAoBjB;;;;OAIG;IACI,cAAc,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAOnD;;;;;OAKG;IACI,aAAa,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,GAAG,IAAI;CAI9E"}

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

@@ -0,0 +1,27 @@
+/**
+ * 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';
+interface Shadows {
+    shadowHover: string;
+    shadowNormal: string;
+}
+/**
+ * Shadow colors for the graph UI
+ */
+export declare const SHADOWS: Record<DefaultTheme['themeType'], Shadows>;
+export {};
+//# sourceMappingURL=colors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/shared/rendering/colors.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,UAAU,OAAO;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,OAAO,CAS9D,CAAC"}

package/dist/types/shared/rendering/edge/curve.d.ts

@@ -0,0 +1,51 @@
+/**
+ * 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 * as PIXI from 'pixi.js';
+/**
+ * Get points on a curve to draw a smooth curve.
+ *
+ * Utilise Cubic Hermite cardinal splines. Adapted from https://stackoverflow.com/a/15528789
+ *
+ * @param points points the curve should go through
+ * @param tension tension of the curve
+ * @param numOfSegments number of segments to use per point
+ */
+export declare function getCurvePoints(points: PIXI.PointData[], tension?: number, numOfSegments?: number): PIXI.PointData[];
+/**
+ * Get points on a polygon encapsulating the given curve from two sides, parallel to the curve.
+ *
+ * We do this by computing points offset from the curve by the given distance.
+ * Each point is the middle of the line between two consecutive points on the curve,
+ * and is offset by the given distance from the curve at the angle perpendicular to the curve.
+ *
+ * @param curve curve points
+ * @param distance distance between the curve and the polygon
+ */
+export declare function getPolygonFromCurve(curve: PIXI.PointData[], distance?: number): PIXI.PointData[];
+/**
+ * Compute positions of X circles along a curve.
+ *
+ * The first circle is offset by `offset`.
+ * The circles are evenly spaced along the curve by `distanceBetweenCircles`
+ *
+ * @param curvePoints  points on the curve
+ * @param numCircles number of circles to draw
+ * @param distanceBetweenCircles distance between each circle
+ * @param offset offset of the first circle
+ */
+export declare function getCirclesAlongCurve(curvePoints: PIXI.PointData[], numCircles: number, distanceBetweenCircles: number, offset: number): PIXI.PointData[];
+//# sourceMappingURL=curve.d.ts.map

package/dist/types/shared/rendering/edge/curve.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"curve.d.ts","sourceRoot":"","sources":["../../../../../src/shared/rendering/edge/curve.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,IAAI,MAAM,SAAS,CAAC;AAYrC;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,OAAO,SAAM,EAAE,aAAa,SAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CA+C5G;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,SAAI,GAAG,IAAI,CAAC,SAAS,EAAE,CAiC3F;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAChC,WAAW,EAAE,IAAI,CAAC,SAAS,EAAE,EAC7B,UAAU,EAAE,MAAM,EAClB,sBAAsB,EAAE,MAAM,EAC9B,MAAM,EAAE,MAAM,GACf,IAAI,CAAC,SAAS,EAAE,CA8BlB"}

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

@@ -0,0 +1,73 @@
+/**
+ * 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 * as PIXI from 'pixi.js';
+import type { DefaultTheme } from '@darajs/styled-components';
+import type { EdgeConstraint, EdgeType, EditorMode } from '../../../types';
+export interface PixiEdgeStyle {
+    /** Whether edge is accepted by domain expert */
+    accepted?: boolean;
+    /** Optional color override */
+    color?: string;
+    /** Constraint attached to the edge, used in EdgeEncoder mode */
+    constraint?: EdgeConstraint;
+    /** Current editor mode */
+    editorMode: EditorMode;
+    /** Whether edge is forced by domain knowledge */
+    forced?: boolean;
+    /** Whether there is an edge currently selected */
+    isEdgeSelected: boolean;
+    /** Edge points; if provided, edge will be drawn as a curve along the points */
+    points?: Array<PIXI.PointData>;
+    /** Current edge state */
+    state: EdgeState;
+    /** Strength definition to be used if provided */
+    strength?: EdgeStrengthDefinition;
+    /** The number of collapsed edges at either end of the edge */
+    collapsedEdgesCount?: number;
+    /** Current theme object */
+    theme: DefaultTheme;
+    /** Optional thickness override */
+    thickness?: number;
+    /** Edge type */
+    type: EdgeType;
+}
+/**
+ * Current edge state
+ */
+export interface EdgeState {
+    hover: boolean;
+    selected: boolean;
+}
+export interface EdgeStrengthDefinition {
+    /**
+     * Number of dots to show
+     */
+    dots: 0 | 1 | 2 | 3 | 4;
+    /**
+     * Opacity 0-1
+     */
+    opacity: number;
+    /**
+     * Edge thickness
+     */
+    thickness: 2 | 3 | 4;
+}
+/**
+ * Define strength visuals based on bins
+ */
+export declare const EDGE_STRENGTHS: Array<EdgeStrengthDefinition>;
+//# sourceMappingURL=definitions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"definitions.d.ts","sourceRoot":"","sources":["../../../../../src/shared/rendering/edge/definitions.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,IAAI,MAAM,SAAS,CAAC;AAErC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE3E,MAAM,WAAW,aAAa;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,0BAA0B;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,cAAc,EAAE,OAAO,CAAC;IACxB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/B,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,8DAA8D;IAC9D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,2BAA2B;IAC3B,KAAK,EAAE,YAAY,CAAC;IACpB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB;IAChB,IAAI,EAAE,QAAQ,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACtB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACnC;;OAEG;IACH,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,sBAAsB,CA0BxD,CAAC"}

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

@@ -0,0 +1,93 @@
+import type { Viewport } from 'pixi-viewport';
+import * as PIXI from 'pixi.js';
+import type { ZoomState } from '../../../types';
+import type { TextureCache } from '../texture-cache';
+import { MOUSE_EVENTS } from '../utils';
+import type { EdgeState, PixiEdgeStyle } from './definitions';
+export declare class EdgeObject extends PIXI.EventEmitter<(typeof MOUSE_EVENTS)[number]> {
+    edgeGfx: PIXI.Container;
+    edgeSymbolsGfx: PIXI.Container;
+    /**
+     * Current edge state
+     */
+    state: EdgeState;
+    private temporary;
+    constructor(temporary?: boolean);
+    private createEdge;
+    /**
+     * Create a new edge symbols container, including sprites for:
+     * - top symbol - e.g. different arrows
+     * - center symbol - e.g. question mark/cross
+     * - bottom symbol - e.g. arrows
+     * - strength symbol - strength marker circles
+     */
+    private createEdgeSymbols;
+    /**
+     * Update edge style of a given edgeGfx container
+     *
+     * @param edgeGfx edge graphics container
+     * @param edgeStyle current edge style
+     * @param textureCache texture cache instance
+     */
+    static updateEdgeStyle(edgeGfx: PIXI.Container, edgeStyle: PixiEdgeStyle, textureCache: TextureCache): void;
+    /**
+     * Update edge style of a given edgeSymbolsGfx container
+     *
+     * @param edgeGfx edge graphics container
+     * @param edgeSymbolsGfx edge symbols graphics container
+     * @param edgeStyle current edge style
+     * @param textureCache texture cache instance
+     */
+    static updateEdgeSymbolsStyle(edgeGfx: PIXI.Container, edgeSymbolsGfx: PIXI.Container, edgeStyle: PixiEdgeStyle, textureCache: TextureCache): void;
+    /**
+     * Update visibility of edge elements based on zoomstep
+     *
+     * @param edgeGfx edge graphics container
+     * @param zoomStep zoom step
+     */
+    static updateEdgeVisibility(edgeGfx: PIXI.Container, zoomState: ZoomState, state: EdgeState): void;
+    /**
+     * Update visibility of edge symbol elements based on zoomstep
+     *
+     * @param edgeSymbolsGfx edge symbol graphics container
+     * @param zoomStep zoom step
+     */
+    static updateEdgeSymbolVisibility(edgeSymbolsGfx: PIXI.Container, zoomState: ZoomState, hasPoints: boolean): void;
+    /**
+     * Update position of the edge
+     *
+     * @param edgeStyle current edge style
+     * @param sourceNodePosition source node center position
+     * @param targetNodePosition target node center position
+     * @param sourceSize source node diameter
+     * @param targetSize target node diameter
+     * @param viewport viewport
+     * @param textureCache texture cache
+     */
+    updatePosition(edgeStyle: PixiEdgeStyle, sourceNodePosition: PIXI.PointData, targetNodePosition: PIXI.PointData, sourceSize: number, targetSize: number, viewport: Viewport, textureCache: TextureCache, isSourceSquare?: boolean, isTargetSquare?: boolean): void;
+    /**
+     * Render a curved edge.
+     *
+     * Should be called on each render.
+     *
+     * @param edgeStyle current edge style
+     * @param sourceBoundPosition source node bound position
+     * @param targetBoundPosition target node bound position
+     * @param viewport viewport
+     */
+    private renderCurvedEdge;
+    /**
+     * Update styles of all edge graphics
+     *
+     * @param edgeStyle current edge style
+     * @param textureCache texture cache instance
+     */
+    updateStyle(edgeStyle: PixiEdgeStyle, textureCache: TextureCache): void;
+    /**
+     * Update visibility of edge graphics
+     *
+     * @param zoomStep current zoom step
+     */
+    updateVisibility(zoomState: ZoomState, hasPoints: boolean): void;
+}
+//# sourceMappingURL=edge-object.d.ts.map

package/dist/types/shared/rendering/edge/edge-object.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge-object.d.ts","sourceRoot":"","sources":["../../../../../src/shared/rendering/edge/edge-object.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;AAEhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAIxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,YAAY,EAA0B,MAAM,UAAU,CAAC;AAEhE,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAkB9D,qBAAa,UAAW,SAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5E,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC;IAExB,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC;IAE/B;;OAEG;IACH,KAAK,EAAE,SAAS,CAGd;IAEF,OAAO,CAAC,SAAS,CAAU;gBAEf,SAAS,UAAQ;IAO7B,OAAO,CAAC,UAAU;IAyBlB;;;;;;OAMG;IACH,OAAO,CAAC,iBAAiB;IAyCzB;;;;;;OAMG;IACH,MAAM,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,GAAG,IAAI;IA6G3G;;;;;;;OAOG;IACH,MAAM,CAAC,sBAAsB,CACzB,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,cAAc,EAAE,IAAI,CAAC,SAAS,EAC9B,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,YAAY,GAC3B,IAAI;IAuGP;;;;;OAKG;IACH,MAAM,CAAC,oBAAoB,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI;IAyBlG;;;;;OAKG;IACH,MAAM,CAAC,0BAA0B,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI;IAajH;;;;;;;;;;OAUG;IACH,cAAc,CACV,SAAS,EAAE,aAAa,EACxB,kBAAkB,EAAE,IAAI,CAAC,SAAS,EAClC,kBAAkB,EAAE,IAAI,CAAC,SAAS,EAClC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,CAAC,EAAE,OAAO,EACxB,cAAc,CAAC,EAAE,OAAO,GACzB,IAAI;IAmFP;;;;;;;;;OASG;IACH,OAAO,CAAC,gBAAgB;IA0IxB;;;;;OAKG;IACH,WAAW,CAAC,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,GAAG,IAAI;IASvE;;;;OAIG;IACH,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI;CAInE"}

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

@@ -0,0 +1,19 @@
+/**
+ * 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 { EdgeObject } from './edge-object';
+export { type EdgeStrengthDefinition, EDGE_STRENGTHS, type PixiEdgeStyle } from './definitions';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/types/shared/rendering/edge/symbols.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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 { PixiEdgeStyle } from './definitions';
+/**
+ * Create a graphics object for a side (top or bottom) edge symbol
+ *
+ * @param style edge style
+ * @param position position of the object on the edge
+ * @param tint tint of the symbol
+ * @param bgTint tint of the background behind the symbol, e.g. to make it not transparent
+ */
+export declare function createSideSymbol(style: PixiEdgeStyle, position: 'top' | 'bottom', tint: number, bgTint: number): PIXI.Graphics;
+/**
+ * Create a graphics object for the edge strength symbol
+ *
+ * @param dots number of dots to include in the symbol
+ */
+export declare function createStrengthSymbol(dots: number): PIXI.Graphics;
+/**
+ * Create a graphics object for center edge symbol
+ *
+ * @param style edge style
+ */
+export declare function createCenterSymbol(style: PixiEdgeStyle): PIXI.Graphics;
+//# sourceMappingURL=symbols.d.ts.map

package/dist/types/shared/rendering/edge/symbols.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbols.d.ts","sourceRoot":"","sources":["../../../../../src/shared/rendering/edge/symbols.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;AAIhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAC5B,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,KAAK,GAAG,QAAQ,EAC1B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,GACf,IAAI,CAAC,QAAQ,CA8Df;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,QAAQ,CAahE;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC,QAAQ,CA4BtE"}

package/dist/types/shared/rendering/edge/utils.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Calculates the x and y position that the edge should be connected to a square node
+ * Note that we do not take into account the rounded edges of the square, if required the below can be modified to include it
+ *
+ * @param centerX center x coordinate of the square node
+ * @param centerY center y coordinate of the square node
+ * @param rotation goes from -pi to pi inclusive and represents the angle between the x axis going counterclockwise to the edge from the centre of source node
+ * @param width of the square node
+ */
+export declare function calculateSourceBoundPosition(centerX: number, centerY: number, rotation: number, width: number): {
+    x: number;
+    y: number;
+};
+/**
+ * Calculates the x and y position that the edge should be connected to a square node
+ * Note that we do not take into account the rounded edges of the square, if required the below can be modified to include it
+ *
+ * @param centerX center x coordinate of the square node
+ * @param centerY center y coordinate of the square node
+ * @param rotation goes from -pi to pi inclusive and represents the angle between the x axis going counterclockwise to the edge from the centre of source node
+ * @param width width of the square node
+ */
+export declare function calculateTargetBoundPosition(centerX: number, centerY: number, rotation: number, width: number): {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/shared/rendering/edge/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/shared/rendering/edge/utils.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,4BAA4B,CACxC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,GACd;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAyC1B;AAED;;;;;;;;GAQG;AACH,wBAAgB,4BAA4B,CACxC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,GACd;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAyC1B"}