@deck.gl-community/graph-layers 9.0.1 → 9.1.0-beta.2

package/dist/layers/graph-layer.js

@@ -2,23 +2,25 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 import { COORDINATE_SYSTEM, CompositeLayer } from '@deck.gl/core';
-import { Stylesheet } from '../style/style-sheet';
-import { NODE_TYPE, EDGE_DECORATOR_TYPE } from '../core/constants';
-import { mixedGetPosition } from '../utils/layer-utils';
-import { InteractionManager } from '../core/interaction-manager';
-import { log } from '../utils/log';
+import { NODE_TYPE, EDGE_DECORATOR_TYPE } from "../core/constants.js";
+import { GraphEngine } from "../core/graph-engine.js";
+import { Stylesheet } from "../style/style-sheet.js";
+import { mixedGetPosition } from "../utils/layer-utils.js";
+import { InteractionManager } from "../core/interaction-manager.js";
+import { log } from "../utils/log.js";
 // node layers
-import { CircleLayer } from './node-layers/circle-layer';
-import { ImageLayer } from './node-layers/image-layer';
-import { LabelLayer } from './node-layers/label-layer';
-import { RectangleLayer } from './node-layers/rectangle-layer';
-import { RoundedRectangleLayer } from './node-layers/rounded-rectangle-layer';
-import { PathBasedRoundedRectangleLayer } from './node-layers/path-rounded-rectange-layer';
-import { ZoomableMarkerLayer } from './node-layers/zoomable-marker-layer';
+import { CircleLayer } from "./node-layers/circle-layer.js";
+import { ImageLayer } from "./node-layers/image-layer.js";
+import { LabelLayer } from "./node-layers/label-layer.js";
+import { RectangleLayer } from "./node-layers/rectangle-layer.js";
+import { RoundedRectangleLayer } from "./node-layers/rounded-rectangle-layer.js";
+import { PathBasedRoundedRectangleLayer } from "./node-layers/path-rounded-rectangle-layer.js";
+import { ZoomableMarkerLayer } from "./node-layers/zoomable-marker-layer.js";
 // edge layers
-import { EdgeLayer } from './edge-layer';
-import { EdgeLabelLayer } from './edge-layers/edge-label-layer';
-import { FlowLayer } from './edge-layers/flow-layer';
+import { EdgeLayer } from "./edge-layer.js";
+import { EdgeLabelLayer } from "./edge-layers/edge-label-layer.js";
+import { FlowLayer } from "./edge-layers/flow-layer.js";
+import { JSONLoader } from "../loaders/json-loader.js";
 const NODE_LAYER_MAP = {
     [NODE_TYPE.RECTANGLE]: RectangleLayer,
     [NODE_TYPE.ROUNDED_RECTANGLE]: RoundedRectangleLayer,
@@ -38,32 +40,36 @@ const SHARED_LAYER_PROPS = {
         depthTest: false
     }
 };
-const defaultProps = {
-    // an array of styles for layers
-    nodeStyle: [],
-    nodeEvents: {
-        onMouseLeave: () => { },
-        onHover: () => { },
-        onMouseEnter: () => { },
-        onClick: () => { },
-        onDrag: () => { }
-    },
-    edgeStyle: {
-        color: 'black',
-        strokeWidth: 1,
-        // an array of styles for layers
-        decorators: []
-    },
-    edgeEvents: {
-        onClick: () => { },
-        onHover: () => { }
-    },
-    enableDragging: false
-};
 export class GraphLayer extends CompositeLayer {
+    static layerName = 'GraphLayer';
     static defaultProps = {
-        pickable: true
+        // Composite layer props
+        // @ts-expect-error composite layer props
+        pickable: true,
+        // Graph props
+        graphLoader: JSONLoader,
+        nodeStyle: [],
+        nodeEvents: {
+            onMouseLeave: () => { },
+            onHover: () => { },
+            onMouseEnter: () => { },
+            onClick: () => { },
+            onDrag: () => { }
+        },
+        edgeStyle: {
+            stroke: 'black',
+            strokeWidth: 1,
+            // an array of styles for layers
+            decorators: []
+        },
+        edgeEvents: {
+            onClick: () => { },
+            onHover: () => { }
+        },
+        enableDragging: false
     };
+    // @ts-expect-error Some typescript confusion due to override of base class state
+    state;
     forceUpdate = () => {
         if (this.context && this.context.layerManager) {
             this.setNeedsUpdate();
@@ -72,25 +78,62 @@ export class GraphLayer extends CompositeLayer {
     };
     constructor(props) {
         super(props);
-        // added or removed a node, or in general something layout related changed
-        props.engine.addEventListener('onLayoutChange', this.forceUpdate);
     }
     initializeState() {
-        const interactionManager = new InteractionManager(this.props, () => this.forceUpdate());
-        this.state = { interactionManager };
+        this.state = {
+            interactionManager: new InteractionManager(this.props, () => this.forceUpdate())
+        };
+        const engine = this.props.engine;
+        this._setGraphEngine(engine);
     }
     shouldUpdateState({ changeFlags }) {
         return changeFlags.dataChanged || changeFlags.propsChanged;
     }
-    updateState({ props }) {
-        this.state.interactionManager.updateProps(props);
+    updateState({ props, oldProps, changeFlags }) {
+        if (changeFlags.dataChanged &&
+            props.data &&
+            !(Array.isArray(props.data) && props.data.length === 0)) {
+            // console.log(props.data);
+            const graph = this.props.graphLoader({ json: props.data });
+            const layout = this.props.layout;
+            const graphEngine = new GraphEngine({ graph, layout });
+            this._setGraphEngine(graphEngine);
+            this.state.interactionManager.updateProps(props);
+            this.forceUpdate();
+        }
+        else if (changeFlags.propsChanged && props.graph !== oldProps.graph) {
+            const graphEngine = new GraphEngine({ graph: props.graph, layout: props.layout });
+            this._setGraphEngine(graphEngine);
+            this.state.interactionManager.updateProps(props);
+            this.forceUpdate();
+        }
     }
     finalize() {
-        this.props.engine.removeEventListener('onLayoutChange', this.forceUpdate);
+        this._removeGraphEngine();
+    }
+    _setGraphEngine(graphEngine) {
+        if (graphEngine === this.state.graphEngine) {
+            return;
+        }
+        this._removeGraphEngine();
+        if (graphEngine) {
+            this.state.graphEngine = graphEngine;
+            this.state.graphEngine.run();
+            // added or removed a node, or in general something layout related changed
+            this.state.graphEngine.addEventListener('onLayoutChange', this.forceUpdate);
+        }
+    }
+    _removeGraphEngine() {
+        if (this.state.graphEngine) {
+            this.state.graphEngine.removeEventListener('onLayoutChange', this.forceUpdate);
+            this.state.graphEngine.clear();
+            this.state.graphEngine = null;
+        }
     }
     createNodeLayers() {
-        const { engine, nodeStyle } = this.props;
-        if (!nodeStyle || !Array.isArray(nodeStyle) || nodeStyle.length === 0) {
+        const engine = this.state.graphEngine;
+        const { nodeStyle } = this.props;
+        if (!engine || !nodeStyle || !Array.isArray(nodeStyle) || nodeStyle.length === 0) {
             return [];
         }
         return nodeStyle.filter(Boolean).map((style, idx) => {
@@ -121,8 +164,9 @@ export class GraphLayer extends CompositeLayer {
         });
     }
     createEdgeLayers() {
-        const { edgeStyle, engine } = this.props;
-        if (!edgeStyle) {
+        const engine = this.state.graphEngine;
+        const { edgeStyle } = this.props;
+        if (!engine || !edgeStyle) {
             return [];
         }
         return (Array.isArray(edgeStyle) ? edgeStyle : [edgeStyle])
@@ -189,5 +233,3 @@ export class GraphLayer extends CompositeLayer {
         return [this.createEdgeLayers(), this.createNodeLayers()];
     }
 }
-GraphLayer.layerName = 'GraphLayer';
-GraphLayer.defaultProps = defaultProps;

package/dist/layers/node-layers/circle-layer.d.ts

@@ -4,3 +4,4 @@ export declare class CircleLayer extends CompositeLayer {
     static layerName: string;
     renderLayers(): ScatterplotLayer<any, {}>[];
 }
+//# sourceMappingURL=circle-layer.d.ts.map

package/dist/layers/node-layers/circle-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle-layer.d.ts","sourceRoot":"","sources":["../../../src/layers/node-layers/circle-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAEjD,qBAAa,WAAY,SAAQ,cAAc;IAC7C,MAAM,CAAC,SAAS,SAAiB;IAEjC,YAAY;CAkBb"}

package/dist/layers/node-layers/image-layer.d.ts

@@ -4,3 +4,4 @@ export declare class ImageLayer extends CompositeLayer {
     static layerName: string;
     renderLayers(): IconLayer<any, {}>[];
 }
+//# sourceMappingURL=image-layer.d.ts.map

package/dist/layers/node-layers/image-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-layer.d.ts","sourceRoot":"","sources":["../../../src/layers/node-layers/image-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C,qBAAa,UAAW,SAAQ,cAAc;IAC5C,MAAM,CAAC,SAAS,SAAgB;IAEhC,YAAY;CAkBb"}

package/dist/layers/node-layers/label-layer.d.ts

@@ -1,6 +1,7 @@
 import { CompositeLayer } from '@deck.gl/core';
-import { ZoomableTextLayer } from '../common-layers/zoomable-text-layer/zoomable-text-layer';
+import { ZoomableTextLayer } from "../common-layers/zoomable-text-layer/zoomable-text-layer.js";
 export declare class LabelLayer extends CompositeLayer {
     static layerName: string;
     renderLayers(): ZoomableTextLayer[];
 }
+//# sourceMappingURL=label-layer.d.ts.map

package/dist/layers/node-layers/label-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-layer.d.ts","sourceRoot":"","sources":["../../../src/layers/node-layers/label-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAC,oEAAiE;AAE3F,qBAAa,UAAW,SAAQ,cAAc;IAC5C,MAAM,CAAC,SAAS,SAAgB;IAEhC,YAAY;CAkBb"}

package/dist/layers/node-layers/label-layer.js

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 import { CompositeLayer } from '@deck.gl/core';
-import { ZoomableTextLayer } from '../common-layers/zoomable-text-layer/zoomable-text-layer';
+import { ZoomableTextLayer } from "../common-layers/zoomable-text-layer/zoomable-text-layer.js";
 export class LabelLayer extends CompositeLayer {
     static layerName = 'LabelLayer';
     renderLayers() {

package/dist/layers/node-layers/{path-rounded-rectange-layer.d.ts → path-rounded-rectangle-layer.d.ts}

@@ -4,3 +4,4 @@ export declare class PathBasedRoundedRectangleLayer extends CompositeLayer {
     static layerName: string;
     renderLayers(): PolygonLayer<any, {}>[];
 }
+//# sourceMappingURL=path-rounded-rectangle-layer.d.ts.map

package/dist/layers/node-layers/path-rounded-rectangle-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path-rounded-rectangle-layer.d.ts","sourceRoot":"","sources":["../../../src/layers/node-layers/path-rounded-rectangle-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAa7C,qBAAa,8BAA+B,SAAQ,cAAc;IAChE,MAAM,CAAC,SAAS,SAAoC;IAEpD,YAAY;CAkCb"}

package/dist/layers/node-layers/{path-rounded-rectange-layer.js → path-rounded-rectangle-layer.js}

@@ -3,7 +3,7 @@
 // Copyright (c) vis.gl contributors
 import { CompositeLayer } from '@deck.gl/core';
 import { PolygonLayer } from '@deck.gl/layers';
-import { generateRoundedCorners } from '../../utils/polygon-calculations';
+import { generateRoundedCorners } from "../../utils/polygon-calculations.js";
 const generateRoundedRectangle = (node, { getWidth, getHeight, getPosition, getCornerRadius }) => {
     const pos = getPosition(node);
     const width = typeof getWidth === 'function' ? getWidth(node) : getWidth;

package/dist/layers/node-layers/rectangle-layer.d.ts

@@ -4,3 +4,4 @@ export declare class RectangleLayer extends CompositeLayer {
     static layerName: string;
     renderLayers(): PolygonLayer<any, {}>[];
 }
+//# sourceMappingURL=rectangle-layer.d.ts.map

package/dist/layers/node-layers/rectangle-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rectangle-layer.d.ts","sourceRoot":"","sources":["../../../src/layers/node-layers/rectangle-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAgB7C,qBAAa,cAAe,SAAQ,cAAc;IAChD,MAAM,CAAC,SAAS,SAAoB;IAEpC,YAAY;CAiCb"}

package/dist/layers/node-layers/rounded-rectangle-layer-fragment.d.ts

@@ -1 +1,2 @@
-export declare const fs = "#define SHADER_NAME rounded-rectangle-layer-fragment-shader\n\nprecision highp float;\n\nuniform float cornerRadius;\n\nvarying vec4 vFillColor;\nvarying vec2 unitPosition;\n\nvoid main(void) {\n\n  float distToCenter = length(unitPosition);\n\n  /* Calculate the cutoff radius for the rounded corners */\n  float threshold = sqrt(2.0) * (1.0 - cornerRadius) + 1.0 * cornerRadius;\n  if (distToCenter <= threshold) {\n    gl_FragColor = vFillColor;\n  } else {\n    discard;\n  }\n\n  gl_FragColor = picking_filterHighlightColor(gl_FragColor);\n\n  gl_FragColor = picking_filterPickingColor(gl_FragColor);\n}\n";
+export declare const fs = "#define SHADER_NAME rounded-rectangle-layer-fragment-shader\n\nprecision highp float;\n\nvarying vec4 vFillColor;\nvarying vec2 unitPosition;\n\nvoid main(void) {\n\n  float distToCenter = length(unitPosition);\n\n  /* Calculate the cutoff radius for the rounded corners */\n  float threshold = sqrt(2.0) * (1.0 - roundedRectangle.cornerRadius) + 1.0 * roundedRectangle.cornerRadius;\n  if (distToCenter <= threshold) {\n    gl_FragColor = vFillColor;\n  } else {\n    discard;\n  }\n\n  gl_FragColor = picking_filterHighlightColor(gl_FragColor);\n\n  gl_FragColor = picking_filterPickingColor(gl_FragColor);\n}\n";
+//# sourceMappingURL=rounded-rectangle-layer-fragment.d.ts.map

package/dist/layers/node-layers/rounded-rectangle-layer-fragment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rounded-rectangle-layer-fragment.d.ts","sourceRoot":"","sources":["../../../src/layers/node-layers/rounded-rectangle-layer-fragment.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,EAAE,0mBAwBd,CAAC"}

package/dist/layers/node-layers/rounded-rectangle-layer-fragment.js

@@ -6,8 +6,6 @@ export const fs = /* glsl */ `\
 
 precision highp float;
 
-uniform float cornerRadius;
-
 varying vec4 vFillColor;
 varying vec2 unitPosition;
 
@@ -16,7 +14,7 @@ void main(void) {
   float distToCenter = length(unitPosition);
 
   /* Calculate the cutoff radius for the rounded corners */
-  float threshold = sqrt(2.0) * (1.0 - cornerRadius) + 1.0 * cornerRadius;
+  float threshold = sqrt(2.0) * (1.0 - roundedRectangle.cornerRadius) + 1.0 * roundedRectangle.cornerRadius;
   if (distToCenter <= threshold) {
     gl_FragColor = vFillColor;
   } else {

package/dist/layers/node-layers/rounded-rectangle-layer.d.ts

@@ -1,8 +1,18 @@
-import { RectangleLayer } from './rectangle-layer';
+import { RectangleLayer } from "./rectangle-layer.js";
+export type RoundedRectangleProps = {
+    cornerRadius: number;
+};
+export declare const roundedRectangleUniforms: {
+    readonly name: "roundedRectangle";
+    readonly vs: "uniform roundedRectangleUniforms {\n  float cornerRadius;\n} roundedRectangle;\n";
+    readonly fs: "uniform roundedRectangleUniforms {\n  float cornerRadius;\n} roundedRectangle;\n";
+    readonly uniformTypes: {
+        readonly cornerRadius: "f32";
+    };
+};
 export declare class RoundedRectangleLayer extends RectangleLayer {
     static layerName: string;
-    draw({ uniforms }: {
-        uniforms: any;
-    }): void;
+    draw(props: any): void;
     getShaders(): any;
 }
+//# sourceMappingURL=rounded-rectangle-layer.d.ts.map

package/dist/layers/node-layers/rounded-rectangle-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rounded-rectangle-layer.d.ts","sourceRoot":"","sources":["../../../src/layers/node-layers/rounded-rectangle-layer.ts"],"names":[],"mappings":"AAQA,OAAO,EAAC,cAAc,EAAC,6BAA0B;AAQjD,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;CAOmB,CAAC;AAEzD,qBAAa,qBAAsB,SAAQ,cAAc;IACvD,MAAM,CAAC,SAAS,SAA2B;IAE3C,IAAI,CAAC,KAAK,KAAA;IAQV,UAAU;CASX"}

package/dist/layers/node-layers/rounded-rectangle-layer.js

@@ -1,24 +1,38 @@
 // deck.gl-community
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
-// import {ScatterplotLayer} from '@deck.gl/layers';
-import { fs } from './rounded-rectangle-layer-fragment';
-import { RectangleLayer } from './rectangle-layer';
+import { fs } from "./rounded-rectangle-layer-fragment.js";
+import { RectangleLayer } from "./rectangle-layer.js";
+const uniformBlock = `\
+uniform roundedRectangleUniforms {
+  float cornerRadius;
+} roundedRectangle;
+`;
+export const roundedRectangleUniforms = {
+    name: 'roundedRectangle',
+    vs: uniformBlock,
+    fs: uniformBlock,
+    uniformTypes: {
+        cornerRadius: 'f32'
+    }
+};
 export class RoundedRectangleLayer extends RectangleLayer {
     static layerName = 'RoundedRectangleLayer';
-    draw({ uniforms }) {
-        super.draw({
-            uniforms: {
-                ...uniforms,
-                cornerRadius: this.props.cornerRadius
-            }
-        });
+    draw(props) {
+        const { cornerRadius } = this.props;
+        const roundedRectangleProps = { cornerRadius };
+        const model = this.state.model;
+        model.shaderInputs.setProps({ roundedRectangle: roundedRectangleProps });
+        super.draw(props);
     }
     getShaders() {
         // use object.assign to make sure we don't overwrite existing fields like `vs`, `modules`...
-        return Object.assign({}, super.getShaders(undefined), {
-            fs
-        });
+        const shaders = super.getShaders(undefined);
+        return {
+            ...shaders,
+            fs,
+            modules: [...shaders.modules, roundedRectangleUniforms]
+        };
     }
 }
 RoundedRectangleLayer.defaultProps = {

package/dist/layers/node-layers/zoomable-marker-layer.d.ts

@@ -1,5 +1,5 @@
 import { CompositeLayer } from '@deck.gl/core';
-import { MarkerLayer } from '../common-layers/marker-layer/marker-layer';
+import { MarkerLayer } from "../common-layers/marker-layer/marker-layer.js";
 export declare class ZoomableMarkerLayer extends CompositeLayer {
     static layerName: string;
     shouldUpdateState({ props, changeFlags }: {
@@ -8,3 +8,4 @@ export declare class ZoomableMarkerLayer extends CompositeLayer {
     }): any;
     renderLayers(): MarkerLayer[];
 }
+//# sourceMappingURL=zoomable-marker-layer.d.ts.map

package/dist/layers/node-layers/zoomable-marker-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoomable-marker-layer.d.ts","sourceRoot":"","sources":["../../../src/layers/node-layers/zoomable-marker-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,WAAW,EAAC,sDAAmD;AAEvE,qBAAa,mBAAoB,SAAQ,cAAc;IACrD,MAAM,CAAC,SAAS,SAAyB;IAEzC,iBAAiB,CAAC,EAAC,KAAK,EAAE,WAAW,EAAC;;;KAAA;IAStC,YAAY;CA6Bb"}

package/dist/layers/node-layers/zoomable-marker-layer.js

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 import { CompositeLayer } from '@deck.gl/core';
-import { MarkerLayer } from '../common-layers/marker-layer/marker-layer';
+import { MarkerLayer } from "../common-layers/marker-layer/marker-layer.js";
 export class ZoomableMarkerLayer extends CompositeLayer {
     static layerName = 'ZoomableMarkerLayer';
     shouldUpdateState({ props, changeFlags }) {

package/dist/layouts/d3-force/d3-force-layout.d.ts

@@ -1,10 +1,19 @@
-import { BaseLayout } from '../../core/base-layout';
-export declare class D3ForceLayout extends BaseLayout {
+import { GraphLayout, GraphLayoutOptions } from "../../core/graph-layout.js";
+export type D3ForceLayoutOptions = GraphLayoutOptions & {
+    alpha?: number;
+    resumeAlpha?: number;
+    nBodyStrength?: number;
+    nBodyDistanceMin?: number;
+    nBodyDistanceMax?: number;
+    getCollisionRadius?: number;
+};
+export declare class D3ForceLayout extends GraphLayout<D3ForceLayoutOptions> {
+    static defaultOptions: Required<D3ForceLayoutOptions>;
     protected readonly _name = "D3";
     private _positionsByNodeId;
     private _graph;
     private _worker;
-    constructor(options: any);
+    constructor(options?: D3ForceLayoutOptions);
     initializeGraph(graph: any): void;
     updateGraph(graph: any): void;
     start(): void;
@@ -22,3 +31,4 @@ export declare class D3ForceLayout extends BaseLayout {
     lockNodePosition: (node: any, x: any, y: any) => void;
     unlockNodePosition: (node: any) => void;
 }
+//# sourceMappingURL=d3-force-layout.d.ts.map

package/dist/layouts/d3-force/d3-force-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"d3-force-layout.d.ts","sourceRoot":"","sources":["../../../src/layouts/d3-force/d3-force-layout.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAC,mCAAgC;AAIxE,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,GAAG;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,qBAAa,aAAc,SAAQ,WAAW,CAAC,oBAAoB,CAAC;IAClE,MAAM,CAAC,cAAc,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAOnD;IAEF,SAAS,CAAC,QAAQ,CAAC,KAAK,QAAQ;IAChC,OAAO,CAAC,kBAAkB,CAAa;IACvC,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,OAAO,CAAM;gBAET,OAAO,CAAC,EAAE,oBAAoB;IAS1C,eAAe,CAAC,KAAK,KAAA;IAKrB,WAAW,CAAC,KAAK,KAAA;IAQjB,KAAK;IAML,MAAM;IAIN,aAAa;IAuCb,MAAM;IAIN,IAAI;IAIJ,eAAe;;;;;MAab;IAEF,eAAe,qBAOb;IAEF,gBAAgB,sCAYd;IAEF,kBAAkB,sBAIhB;CACH"}

package/dist/layouts/d3-force/d3-force-layout.js

@@ -1,17 +1,17 @@
 // deck.gl-community
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
-import { BaseLayout } from '../../core/base-layout';
-import { EDGE_TYPE } from '../../core/constants';
-const defaultOptions = {
-    alpha: 0.3,
-    resumeAlpha: 0.1,
-    nBodyStrength: -900,
-    nBodyDistanceMin: 100,
-    nBodyDistanceMax: 400,
-    getCollisionRadius: 0
-};
-export class D3ForceLayout extends BaseLayout {
+import { GraphLayout } from "../../core/graph-layout.js";
+import { EDGE_TYPE } from "../../core/constants.js";
+export class D3ForceLayout extends GraphLayout {
+    static defaultOptions = {
+        alpha: 0.3,
+        resumeAlpha: 0.1,
+        nBodyStrength: -900,
+        nBodyDistanceMin: 100,
+        nBodyDistanceMax: 400,
+        getCollisionRadius: 0
+    };
     _name = 'D3';
     _positionsByNodeId = new Map();
     _graph;
@@ -19,7 +19,7 @@ export class D3ForceLayout extends BaseLayout {
     constructor(options) {
         super(options);
         this._options = {
-            ...defaultOptions,
+            ...D3ForceLayout.defaultOptions,
             ...options
         };
     }

package/dist/layouts/d3-force/worker.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=worker.d.ts.map

package/dist/layouts/d3-force/worker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.d.ts","sourceRoot":"","sources":["../../../src/layouts/d3-force/worker.js"],"names":[],"mappings":""}

package/dist/layouts/experimental/force-multi-graph-layout.d.ts

@@ -0,0 +1,43 @@
+import { GraphLayout, GraphLayoutOptions } from "../../core/graph-layout.js";
+import { Node } from "../../graph/node.js";
+import { Graph } from "../../graph/graph.js";
+export type ForceMultiGraphLayoutOptions = GraphLayoutOptions & {
+    alpha?: number;
+    nBodyStrength?: number;
+    nBodyDistanceMin?: number;
+    nBodyDistanceMax?: number;
+};
+export declare class ForceMultiGraphLayout extends GraphLayout<ForceMultiGraphLayoutOptions> {
+    static defaultOptions: {
+        alpha: number;
+        nBodyStrength: number;
+        nBodyDistanceMin: number;
+        nBodyDistanceMax: number;
+    };
+    _name: string;
+    _graph: Graph;
+    _d3Graph: {
+        nodes: any[];
+        edges: any[];
+    };
+    _nodeMap: {};
+    _edgeMap: {};
+    _simulator: any;
+    constructor(options?: ForceMultiGraphLayoutOptions);
+    initializeGraph(graph: Graph): void;
+    _strength: (d3Edge: any) => number;
+    _generateSimulator(): void;
+    start(): void;
+    resume(): void;
+    stop(): void;
+    updateGraph(graph: any): void;
+    getNodePosition: (node: Node) => [number, number];
+    getEdgePosition: (edge: any) => {
+        type: string;
+        sourcePosition: any[];
+        targetPosition: any[];
+        controlPoints: number[][];
+    };
+    lockNodePosition: (node: any, x: any, y: any) => void;
+}
+//# sourceMappingURL=force-multi-graph-layout.d.ts.map

package/dist/layouts/experimental/force-multi-graph-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"force-multi-graph-layout.d.ts","sourceRoot":"","sources":["../../../src/layouts/experimental/force-multi-graph-layout.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAC,mCAAgC;AACxE,OAAO,EAAC,IAAI,EAAC,4BAAyB;AAEtC,OAAO,EAAC,KAAK,EAAC,6BAA0B;AAGxC,MAAM,MAAM,4BAA4B,GAAG,kBAAkB,GAAG;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,qBAAa,qBAAsB,SAAQ,WAAW,CAAC,4BAA4B,CAAC;IAClF,MAAM,CAAC,cAAc;;;;;MAKnB;IAEF,KAAK,SAA2B;IAChC,MAAM,EAAE,KAAK,CAAC;IAId,QAAQ;;;MAA0B;IAClC,QAAQ,KAAM;IACd,QAAQ,KAAM;IACd,UAAU,MAAC;gBAEC,OAAO,GAAE,4BAAiC;IAQtD,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAInC,SAAS,0BAOP;IAEF,kBAAkB;IA+BlB,KAAK;IAKL,MAAM;IAIN,IAAI;IAIJ,WAAW,CAAC,KAAK,KAAA;IAkFjB,eAAe,SAAU,IAAI,KAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAO9C;IAEF,eAAe;;;;;MA8Cb;IAEF,gBAAgB,sCAMd;CACH"}