@neo4j-nvl/base 0.3.1 → 0.3.2-e0e72a58

package/dist/types/index.d.ts

@@ -1,6 +1,7 @@
 import type { ExternalCallbacks } from './modules/ExternalCallbackHandler';
-import type { ForceDirectedOptions, HierarchicalOptions, Layout, LayoutOptions, NodeBorderStyles, NvlOptions, NvlState, Renderer, ZoomOptions } from './modules/state';
+import type { ForceDirectedOptions, HierarchicalOptions, Layout, LayoutOptions, NvlOptions, NvlState, Renderer, ZoomOptions } from './modules/state';
 import { ForceDirectedLayoutType, FreeLayoutType, GridLayoutType, HierarchicalLayoutType, d3ForceLayoutType } from './modules/state';
+import type { StyledCaption } from './renderers/canvasrenderer/types';
 import { drawCircleBand } from './renderers/canvasrenderer/util';
 import type { Node, PartialNode, PartialRelationship, Relationship } from './types/graph-element';
 import { CompatibilityError } from './utils/errors';
@@ -17,7 +18,9 @@ interface NvlMouseEvent extends MouseEvent {
  * Class for a NVL instance.
  * @example
  * This is a basic setup for a NVL instance.
- * ```js
+ * ```ts
+ * import { NVL } from '@neo4j-nvl/base'
+ *
  * const nodes = [
  *   { id: '1', label: 'Node 1', color: '#e04141' },
  *   { id: '2', label: 'Node 2', color: '#e09c41' }
@@ -26,7 +29,6 @@ interface NvlMouseEvent extends MouseEvent {
  *   { id: '12', from: '1', to: '2' }
  * ]
  * const options = {
- *   layout: 'hierarchical',
  *   initialZoom: 0.5
  * }
  * const callbacks = {
@@ -41,6 +43,7 @@ declare class NVL {
     private visState;
     private nvlController;
     private options;
+    private segmentTrack;
     /**
      * Creates a new NVL instance.
      * @constructor
@@ -68,7 +71,11 @@ declare class NVL {
      * If an existing property is not provided, it will not be changed.
      * @example
      * Adding and updating nodes and relationships
-     * ```js
+     * ```ts
+     * import { NVL } from '@neo4j-nvl/base'
+     *
+     * const nvl = new NVL(document.getElementById('frame'), [{ id: '0' }], [])
+     *
      * const nodes = [
      * { id: '1', label: 'Node 1', color: '#e04141' },
      * { id: '2', label: 'Node 2', color: '#e09c41' }
@@ -104,15 +111,17 @@ declare class NVL {
      * If an existing property is not provided, it will not be changed.
      * @example
      * Updating nodes and relationships
-     * ```js
+     * ```ts
+     * import { NVL } from '@neo4j-nvl/base'
+     *
      * const nodes = [
-     * { id: '1', label: 'Node 1', color: '#e04141' },
-     * { id: '2', label: 'Node 2', color: '#e09c41' }
+     *   { id: '1', label: 'Node 1', color: '#e04141' },
+     *   { id: '2', label: 'Node 2', color: '#e09c41' }
      * ]
      * const relationships = [
-     * { id: '12', from: '1', to: '2' }
+     *   { id: '12', from: '1', to: '2' }
      * ]
-     * const nvl = new NVL(container, nodes, relationships)
+     * const nvl = new NVL(document.getElementById('frame'), nodes, relationships)
      * // Updates an existing node and relationship
      * nvl.updateElementsInGraph([{ id: '1', selected: true }], [{ id: '12', color: '#e0df41' }])
      * ```
@@ -277,9 +286,6 @@ declare class NVL {
      * @param {string} options.backgroundColor - The background color of the png file.
      * @note The size of the png file will be as large as the entire graph at the default zoom level.
      * Can result in a very large file.
-     * @example
-     * // Save the entire graph visualization canvas as a png to the client.
-     * graphVisualization.saveFullGraphToFile({ filename: 'graph.png', backgroundColor: '#fff' })
      */
     saveFullGraphToLargeFile(options: {
         filename?: string;
@@ -341,10 +347,10 @@ declare class NVL {
      * @example
      * ```js
      * const container = document.getElementById('frame')
-     * const nvl = new NVL(container, nodes, relationships)
+     * const nvl = new NVL(container, [{ id: '0' }], [])
      *
      * // Get the nodes and relationships that have been hit by a pointer event.
-     * container.addEventListener('click', (evt) => {
+     * container?.addEventListener('click', (evt) => {
      *   const { nvlTargets } = nvl.getHits(evt)
      *   console.log('clicked elements:', nvlTargets)
      * })
@@ -375,5 +381,5 @@ declare const colorMapperFunctions: {
     textColorForBackground: (color: string) => string;
 };
 export default NVL;
-export type { NvlOptions, Renderer, Node, Relationship, PartialNode, PartialRelationship, Layout, LayoutOptions, ForceDirectedOptions, HierarchicalOptions, ExternalCallbacks, HitTargets, HitTargetNode, HitTargetRelationship, Point, NvlMouseEvent, NodeBorderStyles, ZoomOptions };
+export type { NvlOptions, Renderer, Node, Relationship, PartialNode, PartialRelationship, Layout, LayoutOptions, ForceDirectedOptions, HierarchicalOptions, ExternalCallbacks, HitTargets, HitTargetNode, HitTargetRelationship, Point, NvlMouseEvent, ZoomOptions, StyledCaption };
 export { NVL, colorMapperFunctions, CompatibilityError, ForceDirectedLayoutType, HierarchicalLayoutType, GridLayoutType, FreeLayoutType, d3ForceLayoutType, drawCircleBand };

package/dist/types/layouts/animatedlayout/AnimatedLayout.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/layouts/animatedlayout/animationUtils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/layouts/d3forcelayout/constants.d.ts

@@ -1,4 +1,4 @@
-import type { SimulationLinkDatum } from 'd3-force';
+import type { SimulationLinkDatum, SimulationNodeDatum } from 'd3-force';
 import type { D3Node } from './types';
 export declare const VELOCITY_DECAY = 0.4;
 export declare const DEFAULT_ALPHA = 1;
@@ -10,6 +10,7 @@ export declare const MAX_STABILIZE_TICKS = 100;
 export declare const LINK_DISTANCE = 45;
 export declare const BARNES_HUT_THETA = 1.2;
 export declare const FORCE_LINK_DISTANCE: (relationship: SimulationLinkDatum<D3Node>) => number;
+export declare const FORCE_LINK_STRENGTH: (link: SimulationLinkDatum<SimulationNodeDatum>, count: number[]) => number;
 export declare const FORCE_COLLIDE_RADIUS: (node: D3Node) => number;
 export declare const LAYOUT_RADIUS: (numberOfNodes: number) => number;
 export declare const FORCE_CHARGE: () => number;

package/dist/types/layouts/d3forcelayout/d3ForceLayout.d.ts

@@ -8,9 +8,12 @@ export class d3ForceLayout {
         x: number;
         y: number;
     };
+    nodeRelCount: any[];
     simulation: import("d3-force").Simulation<import("d3-force").SimulationNodeDatum, undefined>;
     simulationStopped: boolean;
     shouldUpdate: boolean;
+    shouldReheatNodes: boolean;
+    shouldCountNodeRels: boolean;
     stateDisposers: any[];
     setOptions(options: any): void;
     updateNodes(positionList: any): void;
@@ -26,4 +29,5 @@ export class d3ForceLayout {
     terminateUpdate(): void;
     destroy(): void;
     setAlpha(alpha: any): void;
+    countNodeRels(): any[];
 }

package/dist/types/layouts/forcedirectedlayout/ForceCytoLayout.d.ts

@@ -1,24 +1,22 @@
-export const ForceDirectedLayoutType: "forceDirected";
-export const CoseBilkentType: "coseBilkent";
-export class ForceCytoLayout {
+export declare const ForceDirectedLayoutType = "forceDirected";
+export declare const CoseBilkentType = "coseBilkent";
+export declare class ForceCytoLayout {
+    private readonly physLayout;
+    private readonly coseBilkentLayout;
+    private readonly state;
+    private currentLayoutType;
+    private enableCytoscape;
+    private currentLayout;
     constructor(config: any);
-    isCytoscapeEnabled: any;
-    _physLayout: PhysLayout;
-    _coseBilkentLayout: CoseBilkentLayout;
-    _currentLayout: PhysLayout;
-    _currentLayoutType: string;
-    _state: any;
     setOptions(options: any): void;
-    _getLayout(layoutType: any): CoseBilkentLayout | PhysLayout;
-    _setLayout(layoutType: any): void;
+    private getLayout;
+    private setLayout;
     copyLayoutPositions(nodeList: any, prevLayout: any, nextLayout: any): void;
     update(refreshPositions?: boolean): void;
     getShouldUpdate(): boolean;
     getComputing(): boolean;
     updateNodes(positionList: any): void;
-    getNodePositions(data: any): any[];
+    getNodePositions(data: any): import("../..").Node[];
     terminateUpdate(): void;
     destroy(): void;
 }
-import { PhysLayout } from './physlayout/PhysLayout';
-import { CoseBilkentLayout } from './cosebilkentlayout/CoseBilkentLayout';

package/dist/types/layouts/forcedirectedlayout/cosebilkentlayout/CoseBilkentLayout.d.ts

@@ -21,7 +21,7 @@ export declare class CoseBilkentLayout extends AnimatedLayout {
         cytoCompleteCallback?: () => void;
         animationCompleteCallback?: () => void;
     });
-    setOptions(options: any): void;
+    setOptions(): void;
     update(refreshPositions?: boolean, updateMobXNodes?: Node[], updateMobXRelationships?: Relationship[]): void;
     getShouldUpdate(): boolean;
     getComputing(): boolean;

package/dist/types/layouts/forcedirectedlayout/physlayout/PhysLayout.d.ts

@@ -1,69 +1,86 @@
-export class PhysLayout {
-    constructor(config: any);
-    _physVbo: any;
-    _physSmallVbo: any;
-    _physProjection: mat4;
-    _physSmallProjection: mat4;
-    _gl: any;
-    _averageNodeSize: number;
-    shouldUpdate: boolean;
-    iterationCount: number;
-    lastSpeedValues: any[];
-    rollingAvgGraphSpeed: number;
-    nodeVariation: number;
-    nodeCenterPoint: number[];
-    peakIterationMultiplier: number;
-    stateDisposers: any[];
-    _state: any;
-    _dpr: number;
+import type { ForceDirectedOptions, NvlState } from '../../../modules/state';
+import type { Node, Relationship } from '../../../types/graph-element';
+import type { Point } from '../../../utils/geometry';
+export declare class PhysLayout {
+    private physVbo;
+    private physSmallVbo;
+    private physProjection;
+    private physSmallProjection;
+    private gl;
+    private useReadpixelWorkaround;
+    private averageNodeSize;
+    private shouldUpdate;
+    private iterationCount;
+    private lastSpeedValues;
+    private rollingAvgGraphSpeed;
+    private nodeVariation;
+    private nodeCenterPoint;
+    private peakIterationMultiplier;
+    private stateDisposers;
+    private state;
+    private dpr;
+    private intelWorkaround;
+    private simulationStopVelocitySquared;
+    private gravity;
+    private force;
+    private nodeIdToIndex;
+    private nodeIndexToId;
+    private numNodes;
+    private solarMerger;
+    private subGraphs;
+    private nodeSortMap;
+    private firstUpdate;
+    private curPhysData;
+    private apprxRepForceShader;
+    private levelsClusterTexture;
+    private levelsFinestIndexTexture;
+    private initalLevelTexture;
+    private levelsData;
+    private collisionDetectionMultiplier;
+    private physShader;
+    private physData;
+    private workaroundData;
+    private pinData;
+    private updateData;
+    private updateShader;
+    private workaroundShader;
+    private physPositions;
+    private springTexture;
+    private sizeTexture;
+    private offsetTexture;
+    private pinTexture;
+    private addedNodes;
+    private updateTexture;
+    enableVerlet: boolean;
+    constructor(config: ForceDirectedOptions & {
+        webGLContext: WebGL2RenderingContext;
+        state: NvlState;
+    });
     /**
      * Sets the layout options
-     * @param {Object} options the object with the options
-     * @param {boolean} options.intelWorkaround whether to use the layout implementation for Intel GPUs
-     * @param {Number} options.simulationStopVelocity the graph speed at which to stop the layout
-     * @param {Number} options.gravity the force layout's gravity strength
+     * @param {ForceDirectedOptions} options the object with the options
      * @param {boolean} [initial=false] whether this is the first setting of options
      */
-    setOptions(options: {
-        intelWorkaround: boolean;
-        simulationStopVelocity: number;
-        gravity: number;
-    }, initial?: boolean): void;
-    intelWorkaround: boolean;
-    simulationStopVelocitySquared: number;
-    gravity: number;
-    force: any;
+    setOptions(options?: ForceDirectedOptions, initial?: boolean): void;
     /**
      * Sets graph data to be used
-     * @param {Object} data the graph object
-     * @param {Array<Object>} data.nodes the nodes in the graph
-     * @param {Array<Object>} data.rels the relationships in the graph
-     * @returns {Object} the top level graph of the subgraphs created by the solar merger
+     * @param {{ nodes: Node[]; rels: Relationship[] }} data the graph object
+     * @returns the top level graph of the subgraphs created by the solar merger
      */
     setData(data: {
-        nodes: Array<any>;
-        rels: Array<any>;
+        nodes: Node[];
+        rels: Relationship[];
     }): any;
-    _nodeIdToIndex: {};
-    _nodeIndexToId: {};
-    _numNodes: any;
-    solarMerger: SolarMerger;
-    subGraphs: any[];
-    nodeSortMap: {};
-    _firstUpdate: boolean;
-    _curPhysData: any;
     /**
      * Updates the node's positions for the next step in the physics layout iterations if the layout needs to update
-     * @param {boolean} refreshPositions whether the entire layout should be reheated
-     * @returns {boolean} whether the layout should update in the following step
+     * @param refreshPositions whether the entire layout should be reheated
+     * @returns whether the layout should update in the following step
      */
-    update(refreshPositions: boolean): boolean;
-    collisionDetectionMultiplier: number;
+    update(refreshPositions?: boolean): boolean;
     /**
      * Stops the layout
      */
     terminateUpdate(): void;
-    addedNodes: {};
     /**
      * Returns whether the current layout needs to be updated in the next iteration step.
      * @returns {boolean} Whether the layout should update in the following step.
@@ -77,20 +94,23 @@ export class PhysLayout {
     getComputing(): boolean;
     /**
      * Adds the current x,y coordinates for each node to a given list of nodes.
-     * @param {Array<Object>} nodeList The list of nodes to get positions for.
-     * @returns {Array<Object>} The list of nodes containing the x,y coordinates on each node object.
+     * @param {Node[]} nodeList The list of nodes to get positions for.
+     * @returns {(Node & Point)[]} The list of nodes containing the x,y coordinates on each node object.
      */
-    getNodePositions(nodeList: Array<any>): Array<any>;
+    getNodePositions(nodeList: Node[]): (Node & Point)[];
     /**
      * Reheats the layout
      * @param {Object} fullData The entire graph object.
      */
-    reheat(fullData: any): void;
+    reheat(fullData: {
+        nodes: Node[];
+        rels?: Relationship[];
+    }): void;
     /**
      * Updates the existing nodes of a graph with a given list of updates
-     * @param {Array<Object>} nodeList The list of updates.
+     * @param {Node[]} nodeList The list of updates.
      */
-    updateNodes(nodeList: Array<any>): void;
+    updateNodes(nodeList: Node[]): void;
     /**
      * Adds and removes nodes from the graph based on given updates
      * @param {Object} fullData The entire graph object.
@@ -101,67 +121,37 @@ export class PhysLayout {
      * @param {Array<Object>} nodeChanges.removes A list of nodes to be removed.
      */
     addRemoveData(fullData: {
-        nodes: Array<any>;
-        rels: Array<any>;
+        nodes: Node[];
+        rels: Relationship[];
     }, nodeChanges: {
-        adds: Array<any>;
-        removes: Array<any>;
+        adds: Record<string, Node>;
+        removes: Record<string, Node>;
     }): any;
-    _pinData: Uint8Array;
     /**
      * Destroys the class and all buffers and textures.
      */
     destroy(): void;
-    _physPositions: Float32Array;
-    _dumpTexture(framebuffer: any, numItems: any, msg: any): void;
-    _getScaleNumber(iterationNo: any, delayedDecayFormula?: (iterationNo: any, p: any, lowerBar: any) => any): any;
-    _getBaseLength(subGraphNodeCount: any): number;
-    _hasSizeChanged(updates?: any[]): boolean;
-    _checkForUpdates(fullRefresh?: boolean): void;
-    _getNodePosition(nodeIndex: any): {
-        x: any;
-        y: any;
-    };
-    _getMaxSpeedSquared(): number;
-    _getMedianSpeedSquared(addedNodes: any): number;
-    _getPhysData(offset?: number): any;
-    _getLevelData(offset?: number): any;
-    _newTexture(gl: any, data: any, side: any, type?: any, internalformat?: any): any;
-    _newFramebuffer(gl: any, texture: any): any;
-    _checkCompatibility(gl: any): void;
-    _useReadpixelWorkaround: boolean;
-    _printGlStats(gl: any): void;
-    _adjustToGlSize(size: any): number;
-    _setupSize(data?: {
-        nodes: any[];
-    }): void;
-    _sizeTexture: any;
-    _setupSprings(data: any): void;
-    connections: any;
-    _offsetTexture: any;
-    _springTexture: any;
-    _setupPhysics(): void;
-    _setupPhysicsForNodes(): void;
-    _physData: any[];
-    _physShader: Shader;
-    _setupPhysicsForCoarse(): void;
-    levelsData: any[];
-    levelsClusterTexture: any[];
-    levelsFinestIndexTexture: any[];
-    initalLevelTexture: any;
-    _apprxRepForceShader: Shader;
-    _setupPinData(): void;
-    _pinTexture: any;
-    _setupUpdates(): void;
-    _updateData: Float32Array;
-    _updateTexture: any;
-    _updateShader: Shader;
-    _setupReadpixelWorkaround(): void;
-    _workaroundShader: Shader;
-    _workaroundData: any[];
-    _doReadpixelWorkaround(): void;
-    _definePhysicsArrays(): void;
+    private dumpTexture;
+    private getScaleNumber;
+    private getBaseLength;
+    private checkForUpdates;
+    private getNodePosition;
+    private getMaxSpeedSquared;
+    private getMedianSpeedSquared;
+    private getPhysData;
+    private newTexture;
+    private newFramebuffer;
+    private checkCompatibility;
+    private printGlStats;
+    private adjustToGlSize;
+    private setupSize;
+    private setupSprings;
+    private setupPhysics;
+    private setupPhysicsForNodes;
+    private setupPhysicsForCoarse;
+    private setupPinData;
+    private setupUpdates;
+    private setupReadpixelWorkaround;
+    private doReadpixelWorkaround;
+    private definePhysicsArrays;
 }
-import { mat4 } from 'gl-matrix';
-import SolarMerger from './solarmerger/SolarMerger';
-import Shader from '../../../modules/Shader';

package/dist/types/layouts/forcedirectedlayout/physlayout/PhysLayout.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/layouts/forcedirectedlayout/physlayout/glwrapper.d.ts

@@ -1,4 +1,4 @@
 export default class GlWrapper {
-    constructor(gl: any);
-    _wrapFunction(gl: any, functionName: any): (...args: any[]) => any;
+    constructor(gl: RenderingContext);
+    private wrapFunction;
 }

package/dist/types/layouts/forcedirectedlayout/physlayout/shaders/multilevel-fragment-verlet.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "precision mediump float;\n\nuniform sampler2D u_physData;\nuniform sampler2D u_connections;\nuniform sampler2D u_connectionOffsets;\nuniform sampler2D u_pinnedNodes;\nuniform sampler2D u_sizeTexture;\nuniform float u_baseLength;\nuniform float u_curIteration;\nuniform float u_iterationMultiplier;\nuniform vec2 u_gravityCenter;\nuniform float u_numNodes;\nuniform float u_gravity;\n\nuniform sampler2D u_clusterData;\nuniform sampler2D u_prevForce;\nuniform float u_collisionMultiplier;\n\n\nfloat DAMP = 0.6;\nfloat COOL = 0.99998;\nfloat TEMP = max(0.02, pow(COOL, u_curIteration));\nfloat TIMESTEP = 1.0 / 30.0;\nfloat VELOCITYDECAY = 0.6;\nfloat accLimitLow = 500000.0;\nfloat accLimitHigh = 750000.0;\nfloat accLimitPosHigh = 10000000.0;\n\nconst float denseNodeThreshold = 1000.0;\nconst float MIN_DISTANCE = 0.00000001;\nconst float MAX_DISTANCE = 1000000000.0;\nconst float MAX_ACCELERATION = 50000.0;\n\nvec4 getTextureData(sampler2D texture, float index, float base) {\n  float x = mod(index, base);\n  float y = (index - x) / base;\n  return texture2D(texture, vec2(x + 0.5, y + 0.5) / base);\n}\n\nbool isNan(float val) {\n  return (val < 0.0 || 0.0 < val || val == 0.0) ? false : true;\n}\n\nconst float BIG_NUMBER = 999999999999999999.0;\nbool isInf(float val) {\n  return val > BIG_NUMBER || val < -BIG_NUMBER;\n}\n\nvec2 getDelta(vec2 v1, vec2 v2) {\n  vec2 delta = v1 - v2;\n  float dist = length(delta);\n  if (dist < MIN_DISTANCE || isNan(dist)) {\n    return vec2(MIN_DISTANCE, MIN_DISTANCE);\n  }\n  if (dist > MAX_DISTANCE) {\n    vec2 normDelta = delta / dist;\n    return normDelta * MAX_DISTANCE;\n  }\n  return delta;\n}\n\nvec4 getOtherNodePosition(float i) {\n  return getTextureData(u_physData, i, 256.0);\n}\n\nfloat getCombinedNodeSize(float i, float nodeSize) {\n  float otherNodeSize = getTextureData(u_sizeTexture, i, 256.0).a;\n  return nodeSize + otherNodeSize;\n}\n\nvec2 getSpringForce(float curConnection, float numConnections, float springFScale, vec4 myPosition, float i) {\n  float curSpring = getTextureData(u_connections, curConnection + i, 4096.0).a;\n\n  vec4 otherPosition = getTextureData(u_physData, curSpring, 256.0);\n  float otherDataPosition = getTextureData(u_connectionOffsets, curSpring, 256.0).a;\n  float avgDegree;\n#if INTEL_WORKAROUND\n    avgDegree = max(numConnections, 4.0);\n#else\n    float otherNumConnections = getTextureData(u_connections, otherDataPosition, 4096.0).a;\n    avgDegree = max((otherNumConnections + numConnections * 3.0) / 4.0, 4.0);\n#endif\n\n  vec2 delta = getDelta(myPosition.xy, otherPosition.xy);\n  float dist = length(delta);\n\n  float F = (dist * dist * springFScale) / (u_baseLength * avgDegree);\n  if (u_collisionMultiplier > 0.0) {\n    F *= u_collisionMultiplier;\n  }\n  return (-delta / dist) * F;\n}\n\nvec2 getCollisionForce(float combinedNodeSize, float dist, float fScale, vec2 delta) {\n  float collisionForce = (combinedNodeSize - dist) / (dist);\n  if (u_collisionMultiplier > 0.0) {\n    collisionForce *= u_collisionMultiplier;\n  }\n  return (delta * collisionForce * fScale * combinedNodeSize) / (combinedNodeSize + 1.0);\n}\n\nvec2 getRepulsionForce(float dist, float fScale, vec2 delta) {\n  float F = (u_baseLength * u_baseLength * fScale) / (dist);\n  return (delta / dist) * F * 0.05;\n}\n\nvoid main(void) {\n  float textureSide = 256.0; //#TEXTURE_SIDE#;\n  float index = (gl_FragCoord.x - 0.5) + (gl_FragCoord.y - 0.5) * textureSide;\n\n  if (index >= u_numNodes) {\n    discard;\n  }\n\n  vec4 clusterData = getTextureData(u_clusterData, index, 256.0);\n\n  float clusterIndex = clusterData.x;\n  float clusterStartIndex = clusterData.y;\n  float clusterSize = clusterData.z;\n  float clusterWeight = clusterData.w;\n\n  vec4 myPosition = getTextureData(u_physData, index, 256.0);\n  vec4 previousForce = getTextureData(u_prevForce, clusterIndex, 256.0);\n\n  vec2 acceleration = previousForce.xy;\n\n  float isPinned = getTextureData(u_pinnedNodes, index, 256.0).a;\n  float nodeSize = getTextureData(u_sizeTexture, index, 256.0).a;\n\n  if (isPinned > 0.5) {\n    gl_FragColor = vec4(myPosition.xy, 0.0, 0.0);\n    return;\n  }\n\n  float curConnection = getTextureData(u_connectionOffsets, index, 256.0).a;\n  float numConnections = getTextureData(u_connections, curConnection, 4096.0).a;\n\n  float fScale = 1.0 + sqrt(u_iterationMultiplier);\n  float springFScale = fScale;\n\n  if (numConnections > denseNodeThreshold) {\n    springFScale = sqrt(fScale);\n  }\n\n  float numOfRels = 0.0;\n\n  // Springs\n  for (float i = 1.0; i <= 256.0 * 256.0; i++) {\n    if (numOfRels >= numConnections) {\n      break;\n    }\n    acceleration += getSpringForce(curConnection, numConnections, springFScale, myPosition, i);\n    numOfRels += 1.0;\n  }\n\n  // Repulsion && collision detection\n  if (u_collisionMultiplier > 0.0) {\n    float number_of_collisions = 0.0;\n    for (float i = 0.0; i < 256.0 * 256.0; i++) {\n      if (i >= u_numNodes) {\n        break;\n      }\n\n      if (i == index) {\n        continue;\n      }\n\n      vec4 otherPosition = getOtherNodePosition(i);\n      vec2 delta = getDelta(myPosition.xy, otherPosition.xy);\n      float dist = length(delta);\n      float combinedNodeSize = getCombinedNodeSize(i, nodeSize) * 2.0;\n\n      if (dist < combinedNodeSize && number_of_collisions < 40.0) {\n        number_of_collisions++;\n        acceleration += getCollisionForce(combinedNodeSize, dist, fScale, delta);\n      }\n\n      if (i >= clusterStartIndex && i < clusterStartIndex + clusterSize) {\n        acceleration += getRepulsionForce(dist, fScale, delta);\n      }\n    }\n  } else {\n    for (float i = 0.0; i < 256.0 * 256.0; i++) {\n      if (i >= clusterStartIndex + clusterSize || i >= u_numNodes) {\n        break;\n      }\n\n      if (i < clusterStartIndex || i == index) {\n        continue;\n      }\n\n      vec4 otherPosition = getOtherNodePosition(i);\n      vec2 delta = getDelta(myPosition.xy, otherPosition.xy);\n      float dist = length(delta);\n      float combinedNodeSize = getCombinedNodeSize(i, nodeSize);\n\n      if (dist < combinedNodeSize) {\n        acceleration += getCollisionForce(combinedNodeSize, dist, fScale, delta);\n      }\n\n      acceleration += getRepulsionForce(dist, fScale, delta);\n    }\n  }\n\n  // Gravity\n  vec2 delta = getDelta(u_gravityCenter, myPosition.xy);\n  float dist = length(delta);\n\n  vec2 grav = (delta / dist) * u_gravity * fScale;\n  acceleration += grav * smoothstep(0.0, 500.0, dist);\n\n  float accMagnitude = length(acceleration);\n  acceleration *= min(MAX_ACCELERATION, accMagnitude) / accMagnitude;\n\n  float iterationFrictionThreshold = 1000.0;\n\n  if (u_curIteration > iterationFrictionThreshold) {\n    float friction = 1.0 + pow((u_curIteration - iterationFrictionThreshold), 2.0) / 100.0;\n    acceleration *= 1.0 / friction;\n  }\n\n  if (u_curIteration == 0.0) {\n    gl_FragColor = vec4(myPosition.xy, myPosition.zw);\n  } else {\n    vec2 prevVelocity = myPosition.zw;\n    vec2 currentPos = myPosition.xy;\n    vec2 prevPos = currentPos - prevVelocity;\n\n    vec2 newPos = currentPos + TEMP * ( DAMP * (prevVelocity) + acceleration * TIMESTEP * TIMESTEP);\n    vec2 newVelocity = newPos - currentPos;\n    gl_FragColor = vec4(newPos, newVelocity);\n  }\n}";
+export default _default;

package/dist/types/layouts/forcedirectedlayout/physlayout/shaders/multilevel-repulsive-fragment-verlet.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "precision mediump float;\nuniform sampler2D u_physData;\nuniform sampler2D u_clusterData;\nuniform sampler2D u_finestIndexes;\nuniform sampler2D u_prevForce;\n\nuniform float u_baseLength;\nuniform float u_numNodes;\nuniform float u_iterationMultiplier;\nuniform float u_isTopLevel;\n\nfloat PI = 3.1415926535897932384626433832795;\nfloat TIMESTEP = 1.0 / 30.0;\nfloat VELOCITYDECAY = 0.6;\n\nvec4 getTextureData(sampler2D texture, float index, float base) {\n  float x = mod(index, base);\n  float y = (index - x) / base;\n  return texture2D(texture, vec2(x + 0.5, y + 0.5) / base);\n}\n\nfloat getLogClusterWeight(float value) {\n  return value / max(log(value), 1.0);\n}\n\nvoid main(void) {\n  float index = (gl_FragCoord.x - 0.5) + (gl_FragCoord.y - 0.5) * 256.0;\n\n  if (index >= u_numNodes) {\n    discard;\n  }\n\n  vec4 clusterData = getTextureData(u_clusterData, index, 256.0);\n\n  float clusterIndex = clusterData.x;\n  float clusterStartIndex = clusterData.y;\n  float clusterSize = clusterData.z;\n  float clusterRadius = (clusterSize * 0.5) + u_baseLength;\n  float clusterArea = PI * clusterRadius * clusterRadius;\n\n  float finestIndex = getTextureData(u_finestIndexes, index, 256.0).a;\n  vec4 myPosition = getTextureData(u_physData, finestIndex, 256.0);\n  vec4 previousForce = getTextureData(u_prevForce, clusterIndex, 256.0);\n  float fScale = 1.0 + sqrt(u_iterationMultiplier);\n\n  vec2 acceleration = previousForce.xy;\n\n  // Repulsion & Collision Detection\n  for (float i = 0.0; i < 256.0 * 256.0; i++) {\n    if (i >= clusterStartIndex + clusterSize || i >= u_numNodes) {\n      break;\n    }\n    if (i < clusterStartIndex || i == index) {\n      continue;\n    }\n\n    vec4 otherClusterData = getTextureData(u_clusterData, i, 256.0);\n    float otherClusterWeight = getLogClusterWeight(otherClusterData.w);\n\n    float otherFinestIndex = getTextureData(u_finestIndexes, i, 256.0).a;\n    vec4 otherPosition = getTextureData(u_physData, otherFinestIndex, 256.0);\n\n    vec2 delta = myPosition.xy - otherPosition.xy;\n    float dist = max(length(delta), 0.0000001);\n    float maxDist = 25.0;\n    float repulsionForceScale = 0.1;\n\n    float F = (clusterArea * fScale) / (dist * dist);\n\n    if (u_isTopLevel == 1.0) {\n      repulsionForceScale = 0.3;\n    }\n\n    acceleration += ((delta / sqrt(dist)) * F) * repulsionForceScale * otherClusterWeight;\n\n    if (dist < maxDist) {\n      float collide = (maxDist - dist) / (dist * dist);\n      acceleration += delta * collide * fScale * maxDist / (maxDist + 1.0);\n    }\n  }\n\n  gl_FragColor = vec4(acceleration, vec2(finestIndex, 0));\n}";
+export default _default;

package/dist/types/layouts/forcedirectedlayout/physlayout/solarmerger/SolarMerger.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/layouts/forcedirectedlayout/physlayout/solarmerger/solar-placer.d.ts

@@ -1,4 +1,2 @@
-export function calculatePositions(centre: any, r: any, noOfChildren: any): {
-    x: any;
-    y: any;
-}[];
+import type { Point } from '../../../../utils/geometry';
+export declare const calculatePositions: (centre: Point, r: number, noOfChildren: number) => any[];

package/dist/types/layouts/forcedirectedlayout/physlayout/solarmerger/solar-placer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/layouts/hierarchicallayout/HierarchicalLayout.d.ts

@@ -1,4 +1,4 @@
-import type { HierarchicalOptions, NvlState } from '../../modules/state';
+import { type HierarchicalOptions, type LayoutOptions, type NvlState } from '../../modules/state';
 import AnimatedLayout from '../animatedlayout/AnimatedLayout';
 type HierarchicalLayoutConfig = {
     state: NvlState;
@@ -15,7 +15,7 @@ export declare class HierarchicalLayout extends AnimatedLayout {
     private directionChanged;
     private packingChanged;
     constructor(config: HierarchicalLayoutConfig);
-    setOptions(options: HierarchicalLayoutConfig): void;
+    setOptions(options: LayoutOptions): void;
     update(refreshPositions?: boolean): void;
     getShouldUpdate(): boolean;
     getComputing(): boolean;

package/dist/types/modules/CallbackHelper.d.ts

@@ -1,18 +1,18 @@
-import type { ExternalCallbacks } from './ExternalCallbackHandler';
+import { type ExternalCallbacks } from './ExternalCallbackHandler';
 type CallbackFunction = ExternalCallbacks['onError'] | ExternalCallbacks['onLayoutComputing'] | ExternalCallbacks['onLayoutDone'] | ExternalCallbacks['onLayoutStep'];
 /**
  * A class for registering and calling callbacks
  * @example
  * ```
+ * import { CallbackHelper } from './CallbackHelper'
+ *
  * const callbackHelper = new CallbackHelper()
- * callbackHelper.register('myEvent', (data) => {
- *  console.log(data)
+ * callbackHelper.register('onError', (e) => {
+ *  console.error(e)
  * })
- * callbackHelper.callIfRegistered('myEvent', 'Hello World')
- * // Logs 'Hello World'
  * ```
  */
-export default class CallbackHelper {
+export declare class CallbackHelper {
     private readonly callbacks;
     constructor();
     /**

package/dist/types/modules/ExternalCallbackHandler.d.ts

@@ -12,7 +12,9 @@ export interface ExternalCallbacks {
     /** Triggered when a asynchronous layout calculation starts/stops. */
     onLayoutComputing?: (isComputing: boolean) => void;
     onWebGLContextLost?: (webGLContextEvent: WebGLContextEvent) => void;
+    restart?: () => void;
 }
+export declare const isExternalCallback: (callback: unknown) => callback is keyof ExternalCallbacks;
 export default class ExternalCallbackHandler {
     callbacks: ExternalCallbacks;
     constructor(externalCallbacks?: ExternalCallbacks);