@darajs/ui-causal-graph-editor 1.4.4 → 1.5.1

package/dist/graph-viewer/utils/stories-utils.js

@@ -0,0 +1,338 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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 { NotificationWrapper, useNotifications } from '@darajs/ui-notifications';
+import { EdgeType, VariableType } from '../../types';
+import { default as CausalGraphViewerComponent } from '../causal-graph-editor';
+export const Template = (args) => {
+    const { pushNotification } = useNotifications();
+    return (_jsxs(_Fragment, { children: [_jsx(CausalGraphViewerComponent, Object.assign({}, args, { onNotify: pushNotification, style: { margin: 0 } })), _jsx(NotificationWrapper, { style: { bottom: 0 } })] }));
+};
+export const causalGraph = {
+    edges: {
+        input1: {
+            input4: {
+                destination: {
+                    identifier: 'input4',
+                    meta: {},
+                    variable_type: VariableType.UNSPECIFIED,
+                },
+                edge_type: EdgeType.DIRECTED_EDGE,
+                meta: {
+                    rendering_properties: {
+                        color: 'red',
+                        description: 'my super long description text that spans a few lines, is super descriptive and goes in depth into the explanation of why this edge exists in the first place and this is some extra text that will be behind a scrollbar',
+                        tooltip: {
+                            key1: 'some value 1',
+                            key2: 'some value 2',
+                        },
+                    },
+                },
+                source: {
+                    identifier: 'input1',
+                    meta: {},
+                    variable_type: VariableType.UNSPECIFIED,
+                },
+            },
+            target: {
+                destination: {
+                    identifier: 'target',
+                    meta: {},
+                    variable_type: VariableType.UNSPECIFIED,
+                },
+                edge_type: EdgeType.DIRECTED_EDGE,
+                meta: {},
+                source: {
+                    identifier: 'input1',
+                    meta: {},
+                    variable_type: VariableType.UNSPECIFIED,
+                },
+            },
+        },
+        input2: {
+            target: {
+                destination: {
+                    identifier: 'target',
+                    meta: {},
+                    variable_type: VariableType.UNSPECIFIED,
+                },
+                edge_type: EdgeType.DIRECTED_EDGE,
+                meta: {
+                    rendering_properties: {
+                        description: 'my super long description text that spans a few lines, is super descriptive and goes in depth into the explanation of why this edge exists in the first place. It is actually so long that it does not fit by default and triggers overflow to scroll because of the max-height set to 5 lines',
+                        tooltip: 'some plaintext description',
+                    },
+                },
+                source: {
+                    identifier: 'input2',
+                    meta: {
+                        rendering_properties: {
+                            label: 'input2 renamed multi word node name',
+                        },
+                    },
+                    variable_type: VariableType.UNSPECIFIED,
+                },
+            },
+        },
+        input3: {
+            target: {
+                destination: {
+                    identifier: 'target',
+                    meta: {},
+                    variable_type: VariableType.UNSPECIFIED,
+                },
+                edge_type: EdgeType.DIRECTED_EDGE,
+                meta: {},
+                source: {
+                    identifier: 'input3',
+                    meta: {},
+                    variable_type: VariableType.UNSPECIFIED,
+                },
+            },
+        },
+        input4: {
+            target: {
+                destination: {
+                    identifier: 'target',
+                    meta: {},
+                    variable_type: VariableType.UNSPECIFIED,
+                },
+                edge_type: EdgeType.DIRECTED_EDGE,
+                meta: { rendering_properties: {} },
+                source: {
+                    identifier: 'input4',
+                    meta: {},
+                    variable_type: VariableType.UNSPECIFIED,
+                },
+            },
+        },
+    },
+    nodes: {
+        input1: {
+            identifier: 'input1',
+            meta: {
+                rendering_properties: {
+                    label: 'input1 renamed',
+                },
+            },
+            variable_type: VariableType.UNSPECIFIED,
+        },
+        input2: {
+            identifier: 'input2',
+            meta: {
+                rendering_properties: {
+                    label: 'input2 renamed multi word node name',
+                },
+            },
+            variable_type: VariableType.UNSPECIFIED,
+        },
+        input3: {
+            identifier: 'input3',
+            meta: {},
+            variable_type: VariableType.UNSPECIFIED,
+        },
+        input4: {
+            identifier: 'input4',
+            meta: {},
+            variable_type: VariableType.UNSPECIFIED,
+        },
+        target: {
+            identifier: 'target',
+            meta: {},
+            variable_type: VariableType.UNSPECIFIED,
+        },
+    },
+    version: '2.0',
+};
+export const pagCausalGraph = Object.assign(Object.assign({}, causalGraph), { edges: Object.assign(Object.assign({}, causalGraph.edges), { input1: Object.assign(Object.assign({}, causalGraph.edges.input1), { input4: Object.assign(Object.assign({}, causalGraph.edges.input1.input4), { edge_type: EdgeType.UNDIRECTED_EDGE }) }) }) });
+export const nodeTiersCausalGraph = Object.assign(Object.assign({}, causalGraph), { nodes: Object.assign(Object.assign({}, causalGraph.nodes), { input1: Object.assign(Object.assign({}, causalGraph.nodes.input1), { group: 'group1', meta: Object.assign(Object.assign({}, causalGraph.nodes.input1.meta), { rendering_properties: Object.assign(Object.assign({}, causalGraph.nodes.input1.meta.rendering_properties), { another: 'group3' }), test: 'group2' }), order: 2 }), input2: Object.assign(Object.assign({}, causalGraph.nodes.input2), { group: 'group1', meta: Object.assign(Object.assign({}, causalGraph.nodes.input2.meta), { rendering_properties: Object.assign(Object.assign({}, causalGraph.nodes.input2.meta.rendering_properties), { another: 'group3' }), test: 'group2' }), order: 7 }), input3: Object.assign(Object.assign({}, causalGraph.nodes.input3), { group: 'group2', meta: Object.assign(Object.assign({}, causalGraph.nodes.input3.meta), { rendering_properties: Object.assign(Object.assign({}, causalGraph.nodes.input3.meta.rendering_properties), { another: 'group3' }), test: 'group1' }), order: 3 }), input4: Object.assign(Object.assign({}, causalGraph.nodes.input4), { group: 'group2', meta: Object.assign(Object.assign({}, causalGraph.nodes.input4.meta), { rendering_properties: Object.assign(Object.assign({}, causalGraph.nodes.input4.meta.rendering_properties), { another: 'group3' }), test: 'group1' }), order: 2 }), target: Object.assign(Object.assign({}, causalGraph.nodes.target), { group: 'group3', meta: Object.assign(Object.assign({}, causalGraph.nodes.target.meta), { rendering_properties: Object.assign(Object.assign({}, causalGraph.nodes.target.meta.rendering_properties), { another: 'group1' }), test: 'group3' }) }) }) });
+export const nodeTiersList = [['input1', 'input2'], ['input3', 'input4'], ['target']];
+export const timeSeriesCausalGraph = {
+    edges: {
+        X1: {
+            X3: {
+                destination: {
+                    identifier: 'X3',
+                    meta: {
+                        time_lag: 0,
+                        variable_name: 'X3',
+                    },
+                    node_class: 'TimeSeriesNode',
+                    time_lag: 0,
+                    variable_name: 'X3',
+                    variable_type: 'unspecified',
+                },
+                edge_type: '->',
+                meta: {},
+                source: {
+                    identifier: 'X1',
+                    meta: {
+                        time_lag: 0,
+                        variable_name: 'X1',
+                    },
+                    node_class: 'TimeSeriesNode',
+                    time_lag: 0,
+                    variable_name: 'X1',
+                    variable_type: 'unspecified',
+                },
+            },
+        },
+        'X1 lag(n=1)': {
+            X1: {
+                destination: {
+                    identifier: 'X1',
+                    meta: {
+                        time_lag: 0,
+                        variable_name: 'X1',
+                    },
+                    node_class: 'TimeSeriesNode',
+                    time_lag: 0,
+                    variable_name: 'X1',
+                    variable_type: 'unspecified',
+                },
+                edge_type: '->',
+                meta: {},
+                source: {
+                    identifier: 'X1 lag(n=1)',
+                    meta: {
+                        time_lag: -1,
+                        variable_name: 'X1',
+                    },
+                    node_class: 'TimeSeriesNode',
+                    time_lag: -1,
+                    variable_name: 'X1',
+                    variable_type: 'unspecified',
+                },
+            },
+        },
+        X2: {
+            X3: {
+                destination: {
+                    identifier: 'X3',
+                    meta: {
+                        time_lag: 0,
+                        variable_name: 'X3',
+                    },
+                    node_class: 'TimeSeriesNode',
+                    time_lag: 0,
+                    variable_name: 'X3',
+                    variable_type: 'unspecified',
+                },
+                edge_type: '->',
+                meta: {},
+                source: {
+                    identifier: 'X2',
+                    meta: {
+                        time_lag: 0,
+                        variable_name: 'X2',
+                    },
+                    node_class: 'TimeSeriesNode',
+                    time_lag: 0,
+                    variable_name: 'X2',
+                    variable_type: 'unspecified',
+                },
+            },
+        },
+        'X2 lag(n=1)': {
+            X2: {
+                destination: {
+                    identifier: 'X2',
+                    meta: {
+                        time_lag: 0,
+                        variable_name: 'X2',
+                    },
+                    node_class: 'TimeSeriesNode',
+                    time_lag: 0,
+                    variable_name: 'X2',
+                    variable_type: 'unspecified',
+                },
+                edge_type: '->',
+                meta: {},
+                source: {
+                    identifier: 'X2 lag(n=1)',
+                    meta: {
+                        time_lag: -1,
+                        variable_name: 'X2',
+                    },
+                    node_class: 'TimeSeriesNode',
+                    time_lag: -1,
+                    variable_name: 'X2',
+                    variable_type: 'unspecified',
+                },
+            },
+        },
+    },
+    nodes: {
+        X1: {
+            identifier: 'X1',
+            meta: {
+                time_lag: 0,
+                variable_name: 'X1',
+            },
+            node_class: 'TimeSeriesNode',
+            time_lag: 0,
+            variable_name: 'X1',
+            variable_type: 'unspecified',
+        },
+        'X1 lag(n=1)': {
+            identifier: 'X1 lag(n=1)',
+            meta: {
+                time_lag: -1,
+                variable_name: 'X1',
+            },
+            node_class: 'TimeSeriesNode',
+            time_lag: -1,
+            variable_name: 'X1',
+            variable_type: 'unspecified',
+        },
+        X2: {
+            identifier: 'X2',
+            meta: {
+                time_lag: 0,
+                variable_name: 'X2',
+            },
+            node_class: 'TimeSeriesNode',
+            time_lag: 0,
+            variable_name: 'X2',
+            variable_type: 'unspecified',
+        },
+        'X2 lag(n=1)': {
+            identifier: 'X2 lag(n=1)',
+            meta: {
+                time_lag: -1,
+                variable_name: 'X2',
+            },
+            node_class: 'TimeSeriesNode',
+            time_lag: -1,
+            variable_name: 'X2',
+            variable_type: 'unspecified',
+        },
+        X3: {
+            identifier: 'X3',
+            meta: {
+                time_lag: 0,
+                variable_name: 'X3',
+            },
+            node_class: 'TimeSeriesNode',
+            time_lag: 0,
+            variable_name: 'X3',
+            variable_type: 'unspecified',
+        },
+    },
+    version: '0.3.14',
+};
+//# sourceMappingURL=stories-utils.js.map

package/dist/graph-viewer/utils/stories-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories-utils.js","sourceRoot":"","sources":["../../../src/graph-viewer/utils/stories-utils.tsx"],"names":[],"mappings":"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"}

package/dist/shared/graph-layout/common.d.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 import { LayoutMapping, XYPosition } from 'graphology-layout/utils';
-import { SimulationGraph } from '../../types';
+import { DirectionType, GraphTiers, SimulationGraph } from '../../types';
 export declare abstract class GraphLayoutBuilder<T> {
     _nodeSize: number;
     _nodeFontSize: number;
@@ -61,4 +61,8 @@ export declare abstract class GraphLayout {
         onStartDrag?: () => void | Promise<void>;
     }>;
 }
+export interface GraphLayoutWithTiers extends GraphLayout {
+    orientation: DirectionType;
+    tiers: GraphTiers;
+}
 //# sourceMappingURL=common.d.ts.map

package/dist/shared/graph-layout/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/shared/graph-layout/common.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,8BAAsB,kBAAkB,CAAC,CAAC;IACtC,SAAS,SAAM;IAEf,aAAa,SAAM;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAK5B;;;;OAIG;IACH,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAKhC,QAAQ,CAAC,KAAK,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,8BAAsB,WAAW;IAC7B,QAAQ,EAAE,MAAM,CAAC;IAEjB,YAAY,EAAE,MAAM,CAAC;gBAET,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IAMhD,IAAI,YAAY,IAAI,OAAO,CAE1B;IAGD,IAAI,gBAAgB,IAAI,OAAO,CAE9B;IAED;;;;;;;OAOG;IACH,QAAQ,CAAC,WAAW,CAChB,KAAK,EAAE,eAAe,EACtB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,KAAK,IAAI,GACpG,OAAO,CAAC;QACP,UAAU,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,CAAC;QACzC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAClC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACxE,WAAW,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;KAC5C,CAAC;CACL"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/shared/graph-layout/common.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEzE,8BAAsB,kBAAkB,CAAC,CAAC;IACtC,SAAS,SAAM;IAEf,aAAa,SAAM;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAK5B;;;;OAIG;IACH,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAKhC,QAAQ,CAAC,KAAK,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,8BAAsB,WAAW;IAC7B,QAAQ,EAAE,MAAM,CAAC;IAEjB,YAAY,EAAE,MAAM,CAAC;gBAET,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IAMhD,IAAI,YAAY,IAAI,OAAO,CAE1B;IAGD,IAAI,gBAAgB,IAAI,OAAO,CAE9B;IAED;;;;;;;OAOG;IACH,QAAQ,CAAC,WAAW,CAChB,KAAK,EAAE,eAAe,EACtB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,KAAK,IAAI,GACpG,OAAO,CAAC;QACP,UAAU,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,CAAC;QACzC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAClC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACxE,WAAW,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;KAC5C,CAAC;CACL;AAED,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACrD,WAAW,EAAE,aAAa,CAAC;IAC3B,KAAK,EAAE,UAAU,CAAC;CACrB"}

package/dist/shared/graph-layout/fcose-layout.d.ts

@@ -1,7 +1,8 @@
+import { FcoseRelativePlacementConstraint } from 'cytoscape-fcose';
 import { LayoutMapping, XYPosition } from 'graphology-layout/utils';
-import { SimulationGraph } from '../../types';
+import { DirectionType, GraphTiers, SimulationGraph, TieredGraphLayoutBuilder } from '../../types';
 import { GraphLayout, GraphLayoutBuilder } from './common';
-declare class FcoseLayoutBuilder extends GraphLayoutBuilder<FcoseLayout> {
+declare class FcoseLayoutBuilder extends GraphLayoutBuilder<FcoseLayout> implements TieredGraphLayoutBuilder {
     _edgeElasticity: number;
     _edgeLength: number;
     _energy: number;
@@ -11,6 +12,9 @@ declare class FcoseLayoutBuilder extends GraphLayoutBuilder<FcoseLayout> {
     _iterations: number;
     _nodeRepulsion: number;
     _nodeSeparation: number;
+    _tierSeparation: number;
+    orientation?: DirectionType;
+    tiers: GraphTiers;
     /**
      * Set edge elasticity
      *
@@ -65,8 +69,25 @@ declare class FcoseLayoutBuilder extends GraphLayoutBuilder<FcoseLayout> {
      * @param separation separation
      */
     nodeSeparation(separation: number): this;
+    /**
+     * Set tier separation
+     *
+     * @param separation separation
+     */
+    tierSeparation(separation: number): this;
     build(): FcoseLayout;
 }
+interface TiersProperties {
+    alignmentConstraint?: string[][];
+    relativePlacementConstraint?: FcoseRelativePlacementConstraint[];
+}
+/**
+ * Get properties values for tiered fcose layout
+ * @param tiers node tiers defined by the user
+ * @param orientation the orientation of the graph
+ * @param tierSeparation tier separation
+ *  */
+export declare function getTieredLayoutProperties(graph: SimulationGraph, tiers: GraphTiers, orientation: DirectionType, tierSeparation: number): TiersProperties;
 export default class FcoseLayout extends GraphLayout {
     edgeElasticity: number;
     edgeLength: number;
@@ -77,6 +98,9 @@ export default class FcoseLayout extends GraphLayout {
     iterations: number;
     nodeRepulsion: number;
     nodeSeparation: number;
+    tierSeparation: number;
+    orientation: DirectionType;
+    tiers: GraphTiers;
     constructor(builder: FcoseLayoutBuilder);
     get requiresPosition(): boolean;
     applyLayout(graph: SimulationGraph): Promise<{

package/dist/shared/graph-layout/fcose-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fcose-layout.d.ts","sourceRoot":"","sources":["../../../src/shared/graph-layout/fcose-layout.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAI3D,cAAM,kBAAmB,SAAQ,kBAAkB,CAAC,WAAW,CAAC;IAC5D,eAAe,SAAQ;IAEvB,WAAW,SAAK;IAEhB,OAAO,SAAO;IAEd,QAAQ,SAAM;IAEd,aAAa,SAAM;IAEnB,YAAY,UAAQ;IAEpB,WAAW,SAAQ;IAEnB,cAAc,SAAQ;IAEtB,eAAe,SAAM;IAErB;;;;OAIG;IACH,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAKxC;;;;OAIG;IACH,UAAU,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI;IAK1C;;;;OAIG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAK5B;;;;OAIG;IACH,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAK9B;;;;OAIG;IACH,YAAY,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;IAKxC;;;;OAIG;IACH,WAAW,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI;IAKvC;;;;OAIG;IACH,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK/B;;;;OAIG;IACH,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAKtC;;;;OAIG;IACH,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAKxC,KAAK,IAAI,WAAW;CAIvB;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,WAAW;IACzC,cAAc,EAAE,MAAM,CAAC;IAEvB,UAAU,EAAE,MAAM,CAAC;IAEnB,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,MAAM,CAAC;IAEhB,YAAY,EAAE,MAAM,CAAC;IAErB,WAAW,EAAE,OAAO,CAAC;IAErB,UAAU,EAAE,MAAM,CAAC;IAEnB,aAAa,EAAE,MAAM,CAAC;IAEtB,cAAc,EAAE,MAAM,CAAC;gBAElB,OAAO,EAAE,kBAAkB;IAcvC,IAAI,gBAAgB,IAAI,OAAO,CAE9B;IAED,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAAC;QACzC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;KACrC,CAAC;IAiEF,MAAM,KAAK,OAAO,IAAI,kBAAkB,CAEvC;CACJ"}
+{"version":3,"file":"fcose-layout.d.ts","sourceRoot":"","sources":["../../../src/shared/graph-layout/fcose-layout.tsx"],"names":[],"mappings":"AAiBA,OAAc,EAAsB,gCAAgC,EAAE,MAAM,iBAAiB,CAAC;AAC9F,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAEnG,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAI3D,cAAM,kBAAmB,SAAQ,kBAAkB,CAAC,WAAW,CAAE,YAAW,wBAAwB;IAChG,eAAe,SAAQ;IAEvB,WAAW,SAAK;IAEhB,OAAO,SAAO;IAEd,QAAQ,SAAM;IAEd,aAAa,SAAM;IAEnB,YAAY,UAAQ;IAEpB,WAAW,SAAQ;IAEnB,cAAc,SAAQ;IAEtB,eAAe,SAAM;IAErB,eAAe,SAAO;IAEtB,WAAW,CAAC,EAAE,aAAa,CAAgB;IAE3C,KAAK,EAAE,UAAU,CAAC;IAElB;;;;OAIG;IACH,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAKxC;;;;OAIG;IACH,UAAU,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI;IAK1C;;;;OAIG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAK5B;;;;OAIG;IACH,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAK9B;;;;OAIG;IACH,YAAY,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;IAKxC;;;;OAIG;IACH,WAAW,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI;IAKvC;;;;OAIG;IACH,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK/B;;;;OAIG;IACH,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAKtC;;;;OAIG;IACH,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAKxC;;;;OAIG;IACH,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAKxC,KAAK,IAAI,WAAW;CAIvB;AAyFD,UAAU,eAAe;IACrB,mBAAmB,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;IACjC,2BAA2B,CAAC,EAAE,gCAAgC,EAAE,CAAC;CACpE;AAED;;;;;MAKM;AACN,wBAAgB,yBAAyB,CACrC,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,aAAa,EAC1B,cAAc,EAAE,MAAM,GACvB,eAAe,CAoBjB;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,WAAW;IACzC,cAAc,EAAE,MAAM,CAAC;IAEvB,UAAU,EAAE,MAAM,CAAC;IAEnB,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,MAAM,CAAC;IAEhB,YAAY,EAAE,MAAM,CAAC;IAErB,WAAW,EAAE,OAAO,CAAC;IAErB,UAAU,EAAE,MAAM,CAAC;IAEnB,aAAa,EAAE,MAAM,CAAC;IAEtB,cAAc,EAAE,MAAM,CAAC;IAEvB,cAAc,EAAE,MAAM,CAAC;IAEvB,WAAW,EAAE,aAAa,CAAC;IAE3B,KAAK,EAAE,UAAU,CAAC;gBAEb,OAAO,EAAE,kBAAkB;IAiBvC,IAAI,gBAAgB,IAAI,OAAO,CAE9B;IAED,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAAC;QACzC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;KACrC,CAAC;IA0EF,MAAM,KAAK,OAAO,IAAI,kBAAkB,CAEvC;CACJ"}

package/dist/shared/graph-layout/fcose-layout.js

@@ -16,6 +16,7 @@
  */
 import cytoscape from 'cytoscape';
 import fcose from 'cytoscape-fcose';
+import { getNodeOrder, getTiersArray } from '../utils';
 import { GraphLayout, GraphLayoutBuilder } from './common';
 cytoscape.use(fcose);
 class FcoseLayoutBuilder extends GraphLayoutBuilder {
@@ -30,6 +31,8 @@ class FcoseLayoutBuilder extends GraphLayoutBuilder {
         this._iterations = 2500;
         this._nodeRepulsion = 6500;
         this._nodeSeparation = 75;
+        this._tierSeparation = 200;
+        this.orientation = 'horizontal';
     }
     /**
      * Set edge elasticity
@@ -112,11 +115,108 @@ class FcoseLayoutBuilder extends GraphLayoutBuilder {
         this._nodeSeparation = separation;
         return this;
     }
+    /**
+     * Set tier separation
+     *
+     * @param separation separation
+     */
+    tierSeparation(separation) {
+        this._tierSeparation = separation;
+        return this;
+    }
     build() {
         // eslint-disable-next-line @typescript-eslint/no-use-before-define
         return new FcoseLayout(this);
     }
 }
+/**
+ * Creates an array of relative placements for a given tier given a certain order of nodes and orientation
+ * @param tier tier to be placed
+ * @param orientation the orientation of the graph
+ * @param tierSeparation tier separation
+ * @param nodesOrder nodes order
+ *  */
+function createPositionedArray(tier, orientation, tierSeparation, nodesOrder) {
+    // Filter out any nodes that do not have an order defined in nodesOrder
+    const validNodes = tier.filter((node) => node in nodesOrder);
+    // sort tier based on nodesOrder
+    const sortedArray = validNodes.sort((a, b) => {
+        const orderA = nodesOrder[a];
+        const orderB = nodesOrder[b];
+        const parsedA = parseInt(orderA);
+        const parsedB = parseInt(orderB);
+        if (Number.isNaN(parsedA) || Number.isNaN(parsedB)) {
+            throw new Error(`Non-numeric order value encountered for nodes`);
+        }
+        return parsedA - parsedB;
+    });
+    // if horizontal we place nodes to the left of each other, if vertical we place nodes to the top of each other
+    if (orientation === 'horizontal') {
+        return sortedArray.slice(0, -1).map((item, index) => ({
+            bottom: sortedArray[index + 1],
+            gap: tierSeparation,
+            top: item,
+        }));
+    } // orientation === 'vertical'
+    return sortedArray.slice(0, -1).map((item, index) => ({
+        gap: tierSeparation,
+        left: item,
+        right: sortedArray[index + 1],
+    }));
+}
+/**
+ * Gets relative placements for tiered fcose layout when tiers are given as string[][]. Defines so that given nodes within a tier are placed
+ * right/left or top/bottom of each other. Following the defined hierarchy of tiers.
+ * @param tiers node tiers defined by the user
+ * @param orientation the orientation of the graph
+ * @param tierSeparation tier separation
+ * @param nodesOrder the order the nodes should appear in the tier
+ *  */
+function getRelativeTieredArrayPlacement(tiers, orientation, tierSeparation, nodesOrder) {
+    const relativePlacements = [];
+    tiers.forEach((tier, tierIndex) => {
+        // if within the tier a node order should be followed we add those placements
+        if (nodesOrder) {
+            const positionedArray = createPositionedArray(tier, orientation, tierSeparation, nodesOrder);
+            relativePlacements.push(...positionedArray);
+        }
+        // Next we take care of the hierarchical placement of the tiers
+        // if last tier do not add relative placement
+        if (tierIndex === tiers.length - 1) {
+            return;
+        }
+        // get one element for each subsequent tiers
+        const firstElement = tier[0];
+        const nextTierFirstElement = tiers[tierIndex + 1][0];
+        // Place onde node from the first tier to the left/top of the first node of the next tier
+        // That way we have one node from each tier defining the position of the tier relative to the other tiers
+        const placement = orientation === 'horizontal'
+            ? { gap: tierSeparation, left: firstElement, right: nextTierFirstElement }
+            : { bottom: nextTierFirstElement, gap: tierSeparation, top: firstElement };
+        relativePlacements.push(placement);
+    });
+    return relativePlacements;
+}
+/**
+ * Get properties values for tiered fcose layout
+ * @param tiers node tiers defined by the user
+ * @param orientation the orientation of the graph
+ * @param tierSeparation tier separation
+ *  */
+export function getTieredLayoutProperties(graph, tiers, orientation, tierSeparation) {
+    const tiersArray = getTiersArray(tiers, graph);
+    let nodesOrder;
+    if (!Array.isArray(tiers)) {
+        // must be of type TiersConfig
+        const { order_nodes_by } = tiers;
+        const nodes = graph.nodes();
+        nodesOrder = order_nodes_by ? getNodeOrder(nodes, order_nodes_by, graph) : undefined;
+    }
+    return {
+        alignmentConstraint: tiersArray,
+        relativePlacementConstraint: getRelativeTieredArrayPlacement(tiersArray, orientation, tierSeparation, nodesOrder),
+    };
+}
 export default class FcoseLayout extends GraphLayout {
     constructor(builder) {
         super(builder);
@@ -129,6 +229,9 @@ export default class FcoseLayout extends GraphLayout {
         this.iterations = builder._iterations;
         this.nodeRepulsion = builder._nodeRepulsion;
         this.nodeSeparation = builder._nodeSeparation;
+        this.tierSeparation = builder._tierSeparation;
+        this.orientation = builder.orientation;
+        this.tiers = builder.tiers;
     }
     // eslint-disable-next-line class-methods-use-this
     get requiresPosition() {
@@ -138,6 +241,9 @@ export default class FcoseLayout extends GraphLayout {
         return new Promise((resolve) => {
             const hasPositions = graph.getNodeAttribute(graph.nodes()[0], 'x');
             const size = graph.getAttribute('size');
+            const tiersPlacement = this.tiers
+                ? getTieredLayoutProperties(graph, this.tiers, this.orientation, this.tierSeparation)
+                : { alignmentConstraint: undefined, relativePlacementConstraint: undefined };
             const elements = [
                 ...graph.mapNodes((id, attrs) => ({
                     data: Object.assign(Object.assign({}, attrs), { height: size, width: size }),
@@ -153,6 +259,10 @@ export default class FcoseLayout extends GraphLayout {
                 elements,
                 headless: true,
                 layout: {
+                    alignmentConstraint: {
+                        horizontal: this.orientation === 'vertical' ? tiersPlacement.alignmentConstraint : undefined,
+                        vertical: this.orientation === 'horizontal' ? tiersPlacement.alignmentConstraint : undefined,
+                    },
                     animate: false,
                     edgeElasticity: this.edgeElasticity,
                     gravity: this.gravity,
@@ -166,6 +276,7 @@ export default class FcoseLayout extends GraphLayout {
                     quality: this.highQuality ? 'proof' : 'default',
                     // only randomize if there are no position in graph yet
                     randomize: !hasPositions,
+                    relativePlacementConstraint: tiersPlacement.relativePlacementConstraint,
                     stop: (ev) => {
                         const positions = Object.fromEntries(ev.cy.elements('node').map((node) => {
                             return [node.id(), node.position()];

package/dist/shared/graph-layout/fcose-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"fcose-layout.js","sourceRoot":"","sources":["../../../src/shared/graph-layout/fcose-layout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"fcose-layout.js","sourceRoot":"","sources":["../../../src/shared/graph-layout/fcose-layout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,SAA8C,MAAM,WAAW,CAAC;AACvE,OAAO,KAA+D,MAAM,iBAAiB,CAAC;AAI9F,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE3D,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAErB,MAAM,kBAAmB,SAAQ,kBAA+B;IAAhE;;QACI,oBAAe,GAAG,IAAI,CAAC;QAEvB,gBAAW,GAAG,CAAC,CAAC;QAEhB,YAAO,GAAG,GAAG,CAAC;QAEd,aAAQ,GAAG,EAAE,CAAC;QAEd,kBAAa,GAAG,EAAE,CAAC;QAEnB,iBAAY,GAAG,IAAI,CAAC;QAEpB,gBAAW,GAAG,IAAI,CAAC;QAEnB,mBAAc,GAAG,IAAI,CAAC;QAEtB,oBAAe,GAAG,EAAE,CAAC;QAErB,oBAAe,GAAG,GAAG,CAAC;QAEtB,gBAAW,GAAmB,YAAY,CAAC;IA4G/C,CAAC;IAxGG;;;;OAIG;IACH,cAAc,CAAC,UAAkB;QAC7B,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC;QAClC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;OAIG;IACH,UAAU,CAAC,gBAAwB;QAC/B,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAC;QACpC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,MAAc;QACjB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;OAIG;IACH,OAAO,CAAC,OAAe;QACnB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;OAIG;IACH,YAAY,CAAC,YAAoB;QAC7B,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAClC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,WAAoB;QAC5B,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;QAChC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;OAIG;IACH,UAAU,CAAC,KAAa;QACpB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,SAAiB;QAC3B,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;QAChC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;OAIG;IACH,cAAc,CAAC,UAAkB;QAC7B,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC;QAClC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;OAIG;IACH,cAAc,CAAC,UAAkB;QAC7B,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC;QAClC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,KAAK;QACD,mEAAmE;QACnE,OAAO,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;CACJ;AAED;;;;;;MAMM;AACN,SAAS,qBAAqB,CAC1B,IAAc,EACd,WAAsC,EACtC,cAAsB,EACtB,UAAkC;IAElC,uEAAuE;IACvE,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,UAAU,CAAC,CAAC;IAE7D,gCAAgC;IAChC,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACzC,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAE7B,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEjC,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;YAChD,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;SACpE;QAED,OAAO,OAAO,GAAG,OAAO,CAAC;IAC7B,CAAC,CAAC,CAAC;IACH,8GAA8G;IAC9G,IAAI,WAAW,KAAK,YAAY,EAAE;QAC9B,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YAClD,MAAM,EAAE,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;YAC9B,GAAG,EAAE,cAAc;YACnB,GAAG,EAAE,IAAI;SACZ,CAAC,CAAC,CAAC;KACP,CAAC,6BAA6B;IAC/B,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAClD,GAAG,EAAE,cAAc;QACnB,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;KAChC,CAAC,CAAC,CAAC;AACR,CAAC;AAED;;;;;;;MAOM;AACN,SAAS,+BAA+B,CACpC,KAAiB,EACjB,WAA0B,EAC1B,cAAsB,EACtB,UAAmC;IAEnC,MAAM,kBAAkB,GAAuC,EAAE,CAAC;IAElE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;QAC9B,6EAA6E;QAC7E,IAAI,UAAU,EAAE;YACZ,MAAM,eAAe,GAAG,qBAAqB,CAAC,IAAI,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC;YAC7F,kBAAkB,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,CAAC;SAC/C;QACD,+DAA+D;QAC/D,6CAA6C;QAC7C,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAChC,OAAO;SACV;QACD,4CAA4C;QAC5C,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,oBAAoB,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrD,yFAAyF;QACzF,yGAAyG;QACzG,MAAM,SAAS,GACX,WAAW,KAAK,YAAY;YACxB,CAAC,CAAC,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,oBAAoB,EAAE;YAC1E,CAAC,CAAC,EAAE,MAAM,EAAE,oBAAoB,EAAE,GAAG,EAAE,cAAc,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC;QACnF,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,OAAO,kBAAkB,CAAC;AAC9B,CAAC;AAOD;;;;;MAKM;AACN,MAAM,UAAU,yBAAyB,CACrC,KAAsB,EACtB,KAAiB,EACjB,WAA0B,EAC1B,cAAsB;IAEtB,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC/C,IAAI,UAAkC,CAAC;IAEvC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACvB,8BAA8B;QAC9B,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;QACjC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QAC5B,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;KACxF;IAED,OAAO;QACH,mBAAmB,EAAE,UAAU;QAC/B,2BAA2B,EAAE,+BAA+B,CACxD,UAAU,EACV,WAAW,EACX,cAAc,EACd,UAAU,CACb;KACJ,CAAC;AACN,CAAC;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,WAAW;IAyBhD,YAAY,OAA2B;QACnC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,eAAe,CAAC;QAC9C,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,WAAW,CAAC;QACtC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC;QAChC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,aAAa,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC;QACxC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,WAAW,CAAC;QACtC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,cAAc,CAAC;QAC5C,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,eAAe,CAAC;QAC9C,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,eAAe,CAAC;QAC9C,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;QACvC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,kDAAkD;IAClD,IAAI,gBAAgB;QAChB,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,WAAW,CAAC,KAAsB;QAG9B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3B,MAAM,YAAY,GAAG,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;YACnE,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YACxC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK;gBAC7B,CAAC,CAAC,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC;gBACrF,CAAC,CAAC,EAAE,mBAAmB,EAAE,SAAS,EAAE,2BAA2B,EAAE,SAAS,EAAE,CAAC;YAEjF,MAAM,QAAQ,GAAG;gBACb,GAAG,KAAK,CAAC,QAAQ,CAAoB,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;oBACjD,IAAI,kCAAO,KAAK,KAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAE;oBAC7C,KAAK,EAAE,OAAO;oBACd,QAAQ,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE;iBACvC,CAAC,CAAC;gBACH,GAAG,KAAK,CAAC,QAAQ,CAAoB,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;oBACjE,IAAI,kCAAO,KAAK,KAAE,MAAM,EAAE,MAAM,GAAE;oBAClC,KAAK,EAAE,OAAO;iBACjB,CAAC,CAAC;aACN,CAAC;YAEF,SAAS,CAAC;gBACN,QAAQ;gBACR,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACJ,mBAAmB,EAAE;wBACjB,UAAU,EAAE,IAAI,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS;wBAC5F,QAAQ,EAAE,IAAI,CAAC,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS;qBAC/F;oBACD,OAAO,EAAE,KAAK;oBACd,cAAc,EAAE,IAAI,CAAC,cAAc;oBACnC,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,YAAY,EAAE,IAAI,CAAC,YAAY;oBAC/B,eAAe,EAAE,IAAI,GAAG,IAAI,CAAC,UAAU;oBACvC,0BAA0B,EAAE,IAAI,CAAC,MAAM;oBACvC,IAAI,EAAE,OAAO;oBAEb,aAAa,EAAE,IAAI,CAAC,aAAa;oBAEjC,cAAc,EAAE,IAAI,CAAC,cAAc;oBAEnC,QAAQ,EAAE,IAAI,CAAC,UAAU;oBACzB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;oBAE/C,uDAAuD;oBACvD,SAAS,EAAE,CAAC,YAAY;oBAExB,2BAA2B,EAAE,cAAc,CAAC,2BAA2B;oBAEvE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE;wBACT,MAAM,SAAS,GAA8B,MAAM,CAAC,WAAW,CAC3D,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,IAAkB,EAAE,EAAE;4BAC9C,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;wBACxC,CAAC,CAAC,CACL,CAAC;wBACF,OAAO,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;oBACnC,CAAC;oBACD,qBAAqB,EAAE,IAAI;iBACR;gBACvB,2EAA2E;gBAC3E,KAAK,EAAE;oBACH;wBACI,QAAQ,EAAE,MAAM;wBAChB,KAAK,EAAE;4BACH,MAAM,EAAE,IAAI,GAAG,CAAC;4BAChB,KAAK,EAAE,SAAS;4BAChB,KAAK,EAAE,IAAI,GAAG,CAAC;yBAClB;qBACJ;iBACJ;gBACD,YAAY,EAAE,IAAI;aACrB,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC;IAED,MAAM,KAAK,OAAO;QACd,OAAO,IAAI,kBAAkB,EAAE,CAAC;IACpC,CAAC;CACJ"}