@xyo-network/react-node-renderer 2.71.11 → 2.72.1

package/dist/browser/components/cytoscape-extensions/WithExtensions.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"WithExtensions.d.ts","sourceRoot":"","sources":["../../../../src/components/cytoscape-extensions/WithExtensions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAE9D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAStD,CAAA"}
+{"version":3,"file":"WithExtensions.d.ts","sourceRoot":"","sources":["../../../../src/components/cytoscape-extensions/WithExtensions.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAE9D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAYtD,CAAA"}

package/dist/browser/components/cytoscape-extensions/WithExtensions.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"WithExtensions.d.ts","sourceRoot":"","sources":["../../../../src/components/cytoscape-extensions/WithExtensions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAE9D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAStD,CAAA"}
+{"version":3,"file":"WithExtensions.d.ts","sourceRoot":"","sources":["../../../../src/components/cytoscape-extensions/WithExtensions.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAE9D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAYtD,CAAA"}

package/dist/browser/components/cytoscape-extensions/WithExtensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WithExtensions.d.ts","sourceRoot":"","sources":["../../../../src/components/cytoscape-extensions/WithExtensions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAE9D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAStD,CAAA"}
+{"version":3,"file":"WithExtensions.d.ts","sourceRoot":"","sources":["../../../../src/components/cytoscape-extensions/WithExtensions.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAE9D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAYtD,CAAA"}

package/dist/browser/components/lib/RelationalGraphProps.d.cts

@@ -4,9 +4,9 @@ import { PropsWithChildren, ReactNode } from 'react';
 export interface NodeRelationalGraphProps extends PropsWithChildren<FlexBoxProps> {
     actions?: ReactNode;
     detail?: ReactNode;
-    directed?: boolean | object;
+    layout?: 'dagre' | 'euler' | 'fcose' | 'cose-bilkent' | 'cola';
+    layoutOptions?: object;
     options?: CytoscapeOptions;
     showDetails?: boolean;
-    spread?: boolean | object;
 }
 //# sourceMappingURL=RelationalGraphProps.d.ts.map

package/dist/browser/components/lib/RelationalGraphProps.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"RelationalGraphProps.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/RelationalGraphProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,YAAY,CAAC;IAC/E,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC1B"}
+{"version":3,"file":"RelationalGraphProps.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/RelationalGraphProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,YAAY,CAAC;IAC/E,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB"}

package/dist/browser/components/lib/RelationalGraphProps.d.mts

@@ -4,9 +4,9 @@ import { PropsWithChildren, ReactNode } from 'react';
 export interface NodeRelationalGraphProps extends PropsWithChildren<FlexBoxProps> {
     actions?: ReactNode;
     detail?: ReactNode;
-    directed?: boolean | object;
+    layout?: 'dagre' | 'euler' | 'fcose' | 'cose-bilkent' | 'cola';
+    layoutOptions?: object;
     options?: CytoscapeOptions;
     showDetails?: boolean;
-    spread?: boolean | object;
 }
 //# sourceMappingURL=RelationalGraphProps.d.ts.map

package/dist/browser/components/lib/RelationalGraphProps.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"RelationalGraphProps.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/RelationalGraphProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,YAAY,CAAC;IAC/E,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC1B"}
+{"version":3,"file":"RelationalGraphProps.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/RelationalGraphProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,YAAY,CAAC;IAC/E,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB"}

package/dist/browser/components/lib/RelationalGraphProps.d.ts

@@ -4,9 +4,9 @@ import { PropsWithChildren, ReactNode } from 'react';
 export interface NodeRelationalGraphProps extends PropsWithChildren<FlexBoxProps> {
     actions?: ReactNode;
     detail?: ReactNode;
-    directed?: boolean | object;
+    layout?: 'dagre' | 'euler' | 'fcose' | 'cose-bilkent' | 'cola';
+    layoutOptions?: object;
     options?: CytoscapeOptions;
     showDetails?: boolean;
-    spread?: boolean | object;
 }
 //# sourceMappingURL=RelationalGraphProps.d.ts.map

package/dist/browser/components/lib/RelationalGraphProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RelationalGraphProps.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/RelationalGraphProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,YAAY,CAAC;IAC/E,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC1B"}
+{"version":3,"file":"RelationalGraphProps.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/RelationalGraphProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,YAAY,CAAC;IAC/E,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB"}

package/dist/browser/components/module/graph/GraphFlexBox.d.cts

@@ -2,10 +2,10 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox';
 import { ModuleInstance } from '@xyo-network/module-model';
 export interface ModuleGraphFlexBoxProps extends FlexBoxProps {
-    directed?: boolean | object;
     disableModuleDetails?: boolean;
+    layout?: 'dagre' | 'euler' | 'fcose' | 'cose-bilkent' | 'cola';
+    layoutOptions?: object;
     rootModule?: ModuleInstance | null;
-    spread?: boolean | object;
 }
 export declare const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps>;
 export declare const ModuleGraphFlexBoxWithProvider: React.FC<ModuleGraphFlexBoxProps>;

package/dist/browser/components/module/graph/GraphFlexBox.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphFlexBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/module/graph/GraphFlexBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAW1D,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,UAAU,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyChE,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAM5E,CAAA"}
+{"version":3,"file":"GraphFlexBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/module/graph/GraphFlexBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAW1D,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;CACnC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyChE,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAM5E,CAAA"}

package/dist/browser/components/module/graph/GraphFlexBox.d.mts

@@ -2,10 +2,10 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox';
 import { ModuleInstance } from '@xyo-network/module-model';
 export interface ModuleGraphFlexBoxProps extends FlexBoxProps {
-    directed?: boolean | object;
     disableModuleDetails?: boolean;
+    layout?: 'dagre' | 'euler' | 'fcose' | 'cose-bilkent' | 'cola';
+    layoutOptions?: object;
     rootModule?: ModuleInstance | null;
-    spread?: boolean | object;
 }
 export declare const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps>;
 export declare const ModuleGraphFlexBoxWithProvider: React.FC<ModuleGraphFlexBoxProps>;

package/dist/browser/components/module/graph/GraphFlexBox.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphFlexBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/module/graph/GraphFlexBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAW1D,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,UAAU,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyChE,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAM5E,CAAA"}
+{"version":3,"file":"GraphFlexBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/module/graph/GraphFlexBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAW1D,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;CACnC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyChE,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAM5E,CAAA"}

package/dist/browser/components/module/graph/GraphFlexBox.d.ts

@@ -2,10 +2,10 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox';
 import { ModuleInstance } from '@xyo-network/module-model';
 export interface ModuleGraphFlexBoxProps extends FlexBoxProps {
-    directed?: boolean | object;
     disableModuleDetails?: boolean;
+    layout?: 'dagre' | 'euler' | 'fcose' | 'cose-bilkent' | 'cola';
+    layoutOptions?: object;
     rootModule?: ModuleInstance | null;
-    spread?: boolean | object;
 }
 export declare const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps>;
 export declare const ModuleGraphFlexBoxWithProvider: React.FC<ModuleGraphFlexBoxProps>;

package/dist/browser/components/module/graph/GraphFlexBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphFlexBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/module/graph/GraphFlexBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAW1D,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,UAAU,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyChE,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAM5E,CAAA"}
+{"version":3,"file":"GraphFlexBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/module/graph/GraphFlexBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAW1D,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;CACnC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyChE,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAM5E,CAAA"}

package/dist/browser/components/relational/graph/Graph.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/Graph.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAEpD,eAAO,MAAM,0BAA0B,qHAmFtC,CAAA;AAID,kBAAkB;AAClB,eAAO,MAAM,mBAAmB,qHAA6B,CAAA"}
+{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/Graph.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AA+BpD,eAAO,MAAM,0BAA0B,qHAuEtC,CAAA;AAID,kBAAkB;AAClB,eAAO,MAAM,mBAAmB,qHAA6B,CAAA"}

package/dist/browser/components/relational/graph/Graph.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/Graph.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAEpD,eAAO,MAAM,0BAA0B,qHAmFtC,CAAA;AAID,kBAAkB;AAClB,eAAO,MAAM,mBAAmB,qHAA6B,CAAA"}
+{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/Graph.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AA+BpD,eAAO,MAAM,0BAA0B,qHAuEtC,CAAA;AAID,kBAAkB;AAClB,eAAO,MAAM,mBAAmB,qHAA6B,CAAA"}

package/dist/browser/components/relational/graph/Graph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/Graph.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAEpD,eAAO,MAAM,0BAA0B,qHAmFtC,CAAA;AAID,kBAAkB;AAClB,eAAO,MAAM,mBAAmB,qHAA6B,CAAA"}
+{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/Graph.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AA+BpD,eAAO,MAAM,0BAA0B,qHAuEtC,CAAA;AAID,kBAAkB;AAClB,eAAO,MAAM,mBAAmB,qHAA6B,CAAA"}

package/dist/browser/components/relational/graph/ProvidedNodeRenderer.d.cts

@@ -4,9 +4,9 @@ import { NodeInstance } from '@xyo-network/node-model';
 import { NodeRelationalGraphProps } from '../../lib';
 export interface ProvidedNodeRendererProps extends NodeRelationalGraphProps {
     account?: AccountInstance;
-    directed?: boolean | object;
+    layout?: 'dagre' | 'euler' | 'fcose' | 'cose-bilkent' | 'cola';
+    layoutOptions?: object;
     node?: NodeInstance;
-    spread?: boolean | object;
 }
 export declare const ProvidedNodeRenderer: React.FC<ProvidedNodeRendererProps>;
 //# sourceMappingURL=ProvidedNodeRenderer.d.ts.map

package/dist/browser/components/relational/graph/ProvidedNodeRenderer.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ProvidedNodeRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/ProvidedNodeRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAGpD,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACzE,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAMpE,CAAA"}
+{"version":3,"file":"ProvidedNodeRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/ProvidedNodeRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAGpD,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACzE,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAMpE,CAAA"}

package/dist/browser/components/relational/graph/ProvidedNodeRenderer.d.mts

@@ -4,9 +4,9 @@ import { NodeInstance } from '@xyo-network/node-model';
 import { NodeRelationalGraphProps } from '../../lib';
 export interface ProvidedNodeRendererProps extends NodeRelationalGraphProps {
     account?: AccountInstance;
-    directed?: boolean | object;
+    layout?: 'dagre' | 'euler' | 'fcose' | 'cose-bilkent' | 'cola';
+    layoutOptions?: object;
     node?: NodeInstance;
-    spread?: boolean | object;
 }
 export declare const ProvidedNodeRenderer: React.FC<ProvidedNodeRendererProps>;
 //# sourceMappingURL=ProvidedNodeRenderer.d.ts.map

package/dist/browser/components/relational/graph/ProvidedNodeRenderer.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ProvidedNodeRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/ProvidedNodeRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAGpD,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACzE,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAMpE,CAAA"}
+{"version":3,"file":"ProvidedNodeRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/ProvidedNodeRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAGpD,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACzE,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAMpE,CAAA"}

package/dist/browser/components/relational/graph/ProvidedNodeRenderer.d.ts

@@ -4,9 +4,9 @@ import { NodeInstance } from '@xyo-network/node-model';
 import { NodeRelationalGraphProps } from '../../lib';
 export interface ProvidedNodeRendererProps extends NodeRelationalGraphProps {
     account?: AccountInstance;
-    directed?: boolean | object;
+    layout?: 'dagre' | 'euler' | 'fcose' | 'cose-bilkent' | 'cola';
+    layoutOptions?: object;
     node?: NodeInstance;
-    spread?: boolean | object;
 }
 export declare const ProvidedNodeRenderer: React.FC<ProvidedNodeRendererProps>;
 //# sourceMappingURL=ProvidedNodeRenderer.d.ts.map

package/dist/browser/components/relational/graph/ProvidedNodeRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProvidedNodeRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/ProvidedNodeRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAGpD,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACzE,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAMpE,CAAA"}
+{"version":3,"file":"ProvidedNodeRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/ProvidedNodeRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAGpD,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACzE,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAMpE,CAAA"}

package/dist/browser/index.cjs

@@ -549,6 +549,9 @@ var useRelationalGraphOptions = (module2) => {
 // src/components/cytoscape-extensions/WithExtensions.tsx
 var import_cytoscape = require("cytoscape");
 var import_cytoscape_cola = __toESM(require("cytoscape-cola"), 1);
+var import_cytoscape_cose_bilkent = __toESM(require("cytoscape-cose-bilkent"), 1);
+var import_cytoscape_dagre = __toESM(require("cytoscape-dagre"), 1);
+var import_cytoscape_euler = __toESM(require("cytoscape-euler"), 1);
 var import_cytoscape_fcose = __toESM(require("cytoscape-fcose"), 1);
 var import_react12 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -557,6 +560,9 @@ var WithExtensions = ({ children }) => {
   (0, import_react12.useEffect)(() => {
     (0, import_cytoscape.use)(import_cytoscape_cola.default);
     (0, import_cytoscape.use)(import_cytoscape_fcose.default);
+    (0, import_cytoscape.use)(import_cytoscape_dagre.default);
+    (0, import_cytoscape.use)(import_cytoscape_cose_bilkent.default);
+    (0, import_cytoscape.use)(import_cytoscape_euler.default);
     setInitialized(true);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: initialized ? children : void 0 });
@@ -567,48 +573,66 @@ var import_material3 = require("@mui/material");
 var import_react_flexbox = require("@xylabs/react-flexbox");
 var import_react_shared3 = require("@xyo-network/react-shared");
 var import_cytoscape2 = __toESM(require("cytoscape"), 1);
-var import_cytoscape_dagre = __toESM(require("cytoscape-dagre"), 1);
+var import_cytoscape_cola2 = __toESM(require("cytoscape-cola"), 1);
+var import_cytoscape_cose_bilkent2 = __toESM(require("cytoscape-cose-bilkent"), 1);
+var import_cytoscape_dagre2 = __toESM(require("cytoscape-dagre"), 1);
+var import_cytoscape_euler2 = __toESM(require("cytoscape-euler"), 1);
 var import_cytoscape_fcose2 = __toESM(require("cytoscape-fcose"), 1);
 var import_react13 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var applyLayout = (cy, name = "cola", options) => {
+  cy?.layout({ name, ...options }).run();
+};
+var loadLayout = (layout = "cola") => {
+  switch (layout) {
+    case "dagre": {
+      import_cytoscape2.default.use(import_cytoscape_dagre2.default);
+      break;
+    }
+    case "euler": {
+      import_cytoscape2.default.use(import_cytoscape_euler2.default);
+      break;
+    }
+    case "cose-bilkent": {
+      import_cytoscape2.default.use(import_cytoscape_cose_bilkent2.default);
+      break;
+    }
+    case "fcose": {
+      import_cytoscape2.default.use(import_cytoscape_fcose2.default);
+      break;
+    }
+    case "cola": {
+      import_cytoscape2.default.use(import_cytoscape_cola2.default);
+      break;
+    }
+  }
+};
 var NodeRelationalGraphFlexBox = (0, import_react13.forwardRef)(
-  ({ actions, children, directed, showDetails, detail, spread, options, ...props }, ref) => {
+  ({ actions, children, layout, layoutOptions, showDetails, detail, options, ...props }, ref) => {
     const theme = (0, import_material3.useTheme)();
     const [cy, setCy] = (0, import_react13.useState)();
     const { setCy: setCyContext } = useCytoscapeInstance();
     const sharedRef = (0, import_react_shared3.useShareForwardedRef)(ref);
     const handleReset = () => {
       cy?.reset();
-      if (directed) {
-        cy?.layout({ name: "dagre", ...typeof directed === "object" ? directed : {} }).run();
-      }
-      if (spread) {
-        cy?.layout({ name: "fcose", ...typeof spread === "object" ? spread : {} }).run();
-      }
-      cy?.fit(void 0, 20);
+      applyLayout(cy, layout ?? "euler", layoutOptions);
     };
     (0, import_react13.useEffect)(() => {
+      let newCy;
       if (sharedRef) {
-        if (directed) {
-          import_cytoscape2.default.use(import_cytoscape_dagre.default);
-        }
-        if (spread) {
-          import_cytoscape2.default.use(import_cytoscape_fcose2.default);
-        }
-        const newCy = (0, import_cytoscape2.default)({
+        loadLayout(layout);
+        newCy = (0, import_cytoscape2.default)({
           container: sharedRef.current,
           ...options
         });
-        if (directed) {
-          newCy.layout({ name: "dagre", ...typeof directed === "object" ? directed : {} }).run();
-        }
-        if (spread) {
-          newCy.layout({ name: "fcose", ...typeof spread === "object" ? spread : {} }).run();
-        }
-        newCy.fit(void 0, 20);
+        applyLayout(newCy, layout ?? "euler", layoutOptions);
         setCy(newCy);
       }
-    }, [options, sharedRef, spread, directed]);
+      return () => {
+        newCy?.destroy();
+        setCy(void 0);
+      };
+    }, [options, sharedRef, layoutOptions, layout]);
     (0, import_react13.useEffect)(() => {
       setCyContext?.(cy);
     }, [cy, setCyContext]);