@unovis/ts 1.1.1-beta.7 → 1.1.1-beta.8

package/components/graph/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../src/components/graph/config.ts"],"sourcesContent":["/* eslint-disable dot-notation */\n// Config\nimport { ComponentConfigInterface, ComponentConfig } from 'core/component/config'\n\n// Types\nimport { TrimMode } from 'types/text'\nimport { GraphInputLink, GraphInputNode } from 'types/graph'\nimport { BooleanAccessor, ColorAccessor, NumericAccessor, StringAccessor, GenericAccessor } from 'types/accessor'\n\n// Local Types\nimport {\n  GraphLayoutType,\n  GraphCircleLabel,\n  GraphLinkStyle,\n  GraphLinkArrowStyle,\n  GraphPanelConfig,\n  GraphForceLayoutSettings,\n  GraphElkLayoutSettings,\n  GraphNodeShape,\n} from './types'\n\nexport interface GraphConfigInterface<N extends GraphInputNode, L extends GraphInputLink> extends ComponentConfigInterface {\n  // Zoom and drag\n  /** Zoom level constraints. Default: [0.35, 1.25] */\n  zoomScaleExtent?: [number, number];\n  /** Disable zooming. Default: `false` */\n  disableZoom?: boolean;\n  /** Disable node dragging. Default: `false` */\n  disableDrag?: boolean;\n  /** Interval to re-render the graph when zooming. Default: `100` */\n  zoomThrottledUpdateNodeThreshold?: number;\n  /** Zoom event callback. Default: `undefined` */\n  onZoom?: (zoomScale: number, zoomScaleExtent: number) => void;\n\n  // Layout general settings\n  /** Type of the graph layout. Default: `GraphLayoutType.Force` */\n  layoutType?: GraphLayoutType | string;\n  /** Fit the graph to container on data or config updates, or on container resize. Default: `true` */\n  layoutAutofit?: boolean;\n  /** Tolerance constant defining whether the graph should be fitted to container\n   * (on data or config update, or container resize) after a zoom / pan interaction or not.\n   * `0` — Stop fitting after any pan or zoom\n   * `Number.POSITIVE_INFINITY` — Always fit\n   * Default: `8.0` */\n  layoutAutofitTolerance?: number;\n  /** Place non-connected nodes at the bottom of the graph. Default: `false` */\n  layoutNonConnectedAside?: boolean;\n\n  // Settings for Parallel and Concentric layouts\n  /** Node group accessor function.\n   * Only for `GraphLayoutType.Parallel`, `GraphLayoutType.ParallelHorizontal` and `GraphLayoutType.Concentric` layouts.\n   * Default: `node => node.group` */\n  layoutNodeGroup?: StringAccessor<N>;\n  /** Order of the layout groups.\n   * Only for `GraphLayoutType.Parallel`, `GraphLayoutType.ParallelHorizontal` and `GraphLayoutType.Concentric` layouts.\n   * Default: `[]` */\n  layoutGroupOrder?: string[];\n\n  // Setting for Parallel layouts only\n  /** Sets the number of nodes in a sub-group after which they'll continue on the next column (or row if `layoutType` is\n   * `GraphLayoutType.ParallelHorizontal`).\n   * Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.\n   * Default: `6` */\n  layoutParallelNodesPerColumn?: number;\n  /** Node sub-group accessor function.\n   * Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.\n   * Default: `node => node.subgroup` */\n  layoutParallelNodeSubGroup?: StringAccessor<N>;\n  /** Number of sub-groups per row (or column if `layoutType` is `GraphLayoutType.ParallelHorizontal`) in a group.\n   * Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.\n   * Default: `1` */\n  layoutParallelSubGroupsPerRow?: number;\n  /** Spacing between groups.\n   * Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.\n   * Default: `undefined` */\n  layoutParallelGroupSpacing?: number;\n  /** Set a group by name to have priority in sorting the graph links.\n   * Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.\n   * Default: `undefined` */\n  layoutParallelSortConnectionsByGroup?: string;\n\n  // Force layout\n  /** Force Layout settings, see the `d3-force` package for more details */\n  forceLayoutSettings?: GraphForceLayoutSettings;\n\n  // Dagre layout\n  /** Darge Layout settings, see the `dagrejs` package\n   * for more details: https://github.com/dagrejs/dagre/wiki#configuring-the-layout\n  */\n  dagreLayoutSettings?: {\n    /** Direction for rank node. `TB`, `BT`, `LR`, or `RL`. Default: `BT` */\n    rankdir: string;\n    /** Type of algorithm to assigns a rank to each node in the input graph.\n     * `network-simplex`, `tight-tree` or `longest-path`.\n     * Default: `longest-path` */\n    ranker: string;\n    /** Other configurable Dagre settings. https://github.com/dagrejs/dagre/wiki */\n    [key: string]: any;\n  };\n\n  // ELK layout\n  /** ELK layout options, see the `elkjs` package for more details: https://github.com/kieler/elkjs.\n   * If you want to specify custom layout option for each node group, you can provide an accessor function that\n   * receives group name ('root' for the top-level configuration) as the first argument and returns an object containing\n   * layout options. Default: `undefined`\n  */\n  layoutElkSettings?: GenericAccessor<GraphElkLayoutSettings, string> | undefined;\n  /** Array of accessor functions to define nested node groups for the ELK Layered layout.\n   * E.g.: `[n => n.group, n => n.subGroup]`.\n   * Default: `undefined` */\n  layoutElkNodeGroups?: StringAccessor<N>[];\n\n  // Links\n  /** Link width accessor function ot constant value. Default: `1` */\n  linkWidth?: NumericAccessor<L>;\n  /** Link style accessor function or constant value. Default: `GraphLinkStyle.Solid`  */\n  linkStyle?: GenericAccessor<GraphLinkStyle, L>;\n  /** Link band width accessor function or constant value. Default: `0` */\n  linkBandWidth?: NumericAccessor<L>;\n  /** Link arrow accessor function or constant value. Default: `undefined` */\n  linkArrow?: GenericAccessor<GraphLinkArrowStyle, L> | undefined;\n  /** Link stroke color accessor function or constant value. Default: `undefined` */\n  linkStroke?: ColorAccessor<L>;\n  /** Link disabled state accessor function or constant value. Default: `false` */\n  linkDisabled?: BooleanAccessor<L>;\n  /** Link flow animation accessor function or constant value. Default: `false` */\n  linkFlow?: BooleanAccessor<L>;\n  /** Animation duration of the flow (traffic) circles. Default: `20000` */\n  linkFlowAnimDuration?: number;\n  /** Size of the moving particles that represent traffic flow. Default: `2` */\n  linkFlowParticleSize?: number;\n  /** Link label accessor function or constant value. Default: `undefined` */\n  linkLabel?: GenericAccessor<GraphCircleLabel, L> | undefined;\n  /** Shift label along the link center a little bit to avoid overlap with the link arrow. Default: `true` */\n  linkLabelShiftFromCenter?: BooleanAccessor<L>;\n  /** Spacing between neighboring links. Default: `8` */\n  linkNeighborSpacing?: number;\n  /** Set selected link by its unique id. Default: `undefined` */\n  selectedLinkId?: number | string;\n\n  // Nodes\n  /** Node size accessor function or constant value. Default: `30` */\n  nodeSize?: NumericAccessor<N>;\n  /** Node stroke width accessor function or constant value. Default: `3` */\n  nodeStrokeWidth?: NumericAccessor<N>;\n  /** Node shape accessor function or constant value. Default: `GraphNodeShape.Circle` */\n  nodeShape?: GenericAccessor<GraphNodeShape | string, N>;\n  /** Node gauge outline accessor function or constant value in the range [0,100]. Default: `0` */\n  nodeGaugeValue?: NumericAccessor<N>;\n  /** Node gauge outline fill color accessor function or constant value. Default: `undefined` */\n  nodeGaugeFill?: ColorAccessor<N>;\n  /** Animation duration of the node gauge outline. Default: `1500` */\n  nodeGaugeAnimDuration?: number;\n  /** Node central icon accessor function or constant value. Default: `node => node.icon` */\n  nodeIcon?: StringAccessor<N>;\n  /** Node central icon size accessor function or constant value. Default: `undefined` */\n  nodeIconSize?: NumericAccessor<N>;\n  /** Node label accessor function or constant value. Default: `node => node.label` */\n  nodeLabel?: StringAccessor<N>;\n  /** Defines whether to trim the node labels or not. Default: `true` */\n  nodeLabelTrim?: BooleanAccessor<N>;\n  /** Node label trimming mode. Default: `TrimMode.Middle` */\n  nodeLabelTrimMode?: GenericAccessor<TrimMode | string, N>;\n  /** Node label maximum allowed text length above which the label will be trimmed. Default: `15` */\n  nodeLabelTrimLength?: NumericAccessor<N>;\n  /** Node sub-label accessor function or constant value: Default: `''` */\n  nodeSubLabel?: StringAccessor<N>;\n  /** Defines whether to trim the node sub-labels or not. Default: `true` */\n  nodeSubLabelTrim?: BooleanAccessor<N>;\n  /** Node sub-label trimming mode. Default: `TrimMode.Middle` */\n  nodeSubLabelTrimMode?: GenericAccessor<TrimMode | string, N>;\n  /** Node sub-label maximum allowed text length above which the label will be trimmed. Default: `15` */\n  nodeSubLabelTrimLength?: NumericAccessor<N>;\n  /** Node circular side labels accessor function. The function should return an array of GraphCircleLabel objects. Default: `undefined` */\n  nodeSideLabels?: GenericAccessor<GraphCircleLabel[], N>;\n  /** Node bottom icon accessor function. Default: `undefined` */\n  nodeBottomIcon?: StringAccessor<N>;\n  /** Node disabled state accessor function or constant value. Default: `false` */\n  nodeDisabled?: BooleanAccessor<N>;\n  /** Node fill color accessor function or constant value. Default: `node => node.fill` */\n  nodeFill?: ColorAccessor<N>;\n  /** Node stroke color accessor function or constant value. Default: `node => node.stroke` */\n  nodeStroke?: ColorAccessor<N>;\n  /** Sorting function to determine node placement. Default: `undefined` */\n  nodeSort?: ((a: N, b: N) => number);\n  /** Specify the initial position for entering nodes as [x, y]. Default: `undefined` */\n  nodeEnterPosition?: GenericAccessor<[number, number], N> | undefined;\n  /** Specify the initial scale for entering nodes in the range [0,1]. Default: `0.75` */\n  nodeEnterScale?: NumericAccessor<N> | undefined;\n  /** Specify the destination position for exiting nodes as [x, y]. Default: `undefined` */\n  nodeExitPosition?: GenericAccessor<[number, number], N> | undefined;\n  /** Specify the destination scale for exiting nodes in the range [0,1]. Default: `0.75` */\n  nodeExitScale?: NumericAccessor<N> | undefined;\n  /** Set selected node by unique id. Default: `undefined` */\n  selectedNodeId?: number | string;\n\n  /** Panels configuration. An array of `GraphPanelConfig` objects. Default: `[]` */\n  panels?: GraphPanelConfig[] | undefined;\n}\n\nexport class GraphConfig<N extends GraphInputNode, L extends GraphInputLink> extends ComponentConfig implements GraphConfigInterface<N, L> {\n  duration = 1000\n  zoomScaleExtent: [number, number] = [0.35, 1.25]\n  disableZoom = false\n  disableDrag = false\n  zoomThrottledUpdateNodeThreshold = 100\n  onZoom = undefined\n  layoutType = GraphLayoutType.Force\n  layoutAutofit = true\n  layoutAutofitTolerance = 8.0\n  layoutNonConnectedAside = false\n\n  layoutGroupOrder = []\n  layoutParallelSubGroupsPerRow = 1\n  layoutParallelNodesPerColumn = 6\n  layoutParallelGroupSpacing = undefined\n  layoutParallelSortConnectionsByGroup = undefined\n  layoutNodeGroup = (n: N): string => n['group']\n  layoutParallelNodeSubGroup = (n: N): string => n['subgroup']\n\n  forceLayoutSettings = {\n    linkDistance: 60,\n    linkStrength: 0.45,\n    charge: -500,\n    forceXStrength: 0.15,\n    forceYStrength: 0.25,\n  }\n\n  dagreLayoutSettings = {\n    rankdir: 'BT',\n    ranker: 'longest-path',\n  }\n\n  layoutElkSettings: GenericAccessor<GraphElkLayoutSettings, string> | undefined = undefined\n  layoutElkNodeGroups: StringAccessor<N>[] | undefined = undefined\n\n  linkFlowAnimDuration = 20000\n  linkFlowParticleSize = 2\n  linkWidth = 1\n  linkStyle = GraphLinkStyle.Solid\n  linkBandWidth = 0\n  linkArrow = undefined\n  linkStroke = undefined\n  linkFlow = false\n  linkLabel = undefined\n  linkLabelShiftFromCenter = true\n  linkNeighborSpacing = 8\n  linkDisabled = false\n  selectedLinkId = undefined\n  nodeGaugeAnimDuration = 1500\n\n  nodeSize = 30\n  nodeStrokeWidth = 3\n  nodeShape = GraphNodeShape.Circle\n  nodeGaugeValue = 0\n  nodeIcon = (n: N): string => n['icon']\n  nodeIconSize = undefined\n  nodeLabel = (n: N): string => n['label']\n  nodeLabelTrim = true\n  nodeLabelTrimLength = 15\n  nodeLabelTrimMode = TrimMode.Middle\n  nodeSubLabel = ''\n  nodeSubLabelTrim = true\n  nodeSubLabelTrimLength = 15\n  nodeSubLabelTrimMode = TrimMode.Middle\n  nodeSideLabels = undefined\n  nodeBottomIcon = undefined\n  nodeDisabled = false\n  nodeFill = (n: N): string => n['fill']\n  nodeGaugeFill = undefined\n  nodeStroke = (n: N): string => n['stroke']\n  nodeEnterPosition = undefined\n  nodeEnterScale = 0.75\n  nodeExitPosition = undefined\n  nodeExitScale = 0.75\n  nodeSort = undefined\n\n  selectedNodeId = undefined\n  panels: GraphPanelConfig[] | undefined = undefined\n}\n"],"names":[],"mappings":"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"}

package/components/graph/index.d.ts

@@ -0,0 +1,126 @@
+import { Selection } from 'd3-selection';
+import { ComponentCore } from "../../core/component";
+import { GraphDataModel } from "../../data-models/graph";
+import { GraphInputLink, GraphInputNode } from "../../types/graph";
+import { Spacing } from "../../types/spacing";
+import { GraphNode, GraphLink } from './types';
+import { GraphConfig, GraphConfigInterface } from './config';
+import * as nodeSelectors from './modules/node/style';
+export declare class Graph<N extends GraphInputNode, L extends GraphInputLink> extends ComponentCore<{
+    nodes: N[];
+    links?: L[];
+}, GraphConfig<N, L>, GraphConfigInterface<N, L>> {
+    static selectors: {
+        root: string;
+        background: string;
+        node: string;
+        nodeShape: string;
+        nodeGauge: string;
+        nodeSideLabel: string;
+        nodeLabel: string;
+        link: string;
+        linkLine: string;
+        panel: string;
+        panelRect: string;
+        panelSelection: string;
+        panelLabel: string;
+        panelLabelText: string;
+        panelSideIcon: string;
+        panelSideIconShape: string;
+        panelSideIconSymbol: string;
+    };
+    static nodeSelectors: typeof nodeSelectors;
+    g: Selection<SVGGElement, unknown, null, undefined>;
+    config: GraphConfig<N, L>;
+    datamodel: GraphDataModel<N, L, GraphNode<N, L>, GraphLink<N, L>>;
+    private _selectedNode;
+    private _selectedLink;
+    private _graphGroup;
+    private _panelsGroup;
+    private _linksGroup;
+    private _nodesGroup;
+    private _timer;
+    private _isFirstRender;
+    private _prevWidth;
+    private _prevHeight;
+    private _shouldRecalculateLayout;
+    private _shouldFitLayout;
+    private _shouldSetPanels;
+    private _panels;
+    private _defs;
+    private _backgroundRect;
+    private _zoomBehavior;
+    private _isAutoFitDisabled;
+    private _scale;
+    private _initialTransform;
+    private _isDragging;
+    events: {
+        [x: string]: {
+            click: () => void;
+            mouseover?: undefined;
+            mouseout?: undefined;
+        } | {
+            click: (d: GraphNode<N>) => void;
+            mouseover: (d: GraphNode<N>) => void;
+            mouseout: (d: GraphNode<N>) => void;
+        } | {
+            click: (d: GraphLink<N, L>) => void;
+            mouseover: (d: GraphLink<N, L>) => void;
+            mouseout: (d: GraphLink<N, L>) => void;
+        };
+    };
+    get selectedNode(): GraphNode<N>;
+    get selectedLink(): GraphLink<N, L>;
+    constructor(config?: GraphConfigInterface<N, L>);
+    setData(data: {
+        nodes: N[];
+        links?: L[];
+    }): void;
+    setConfig(config: GraphConfigInterface<N, L>): void;
+    get bleed(): Spacing;
+    _render(customDuration?: number): void;
+    private _drawNodes;
+    private _drawLinks;
+    private _drawPanels;
+    private _updatePanels;
+    private _calculateLayout;
+    private _fit;
+    private _getTransform;
+    private _selectNode;
+    private _selectLink;
+    private _resetSelection;
+    private _updateSelectedElements;
+    private _onBackgroundClick;
+    private _onNodeClick;
+    private _onNodeMouseOut;
+    private _onNodeMouseOver;
+    private _onLinkClick;
+    private _onLinkMouseOver;
+    private _onLinkMouseOut;
+    private _onLinkFlowTimerFrame;
+    private _onZoom;
+    private _onDragStarted;
+    private _onDragged;
+    private _onDragEnded;
+    private _shouldLayoutRecalculate;
+    private _getMarkerId;
+    private _addSVGDefs;
+    zoomIn(increment?: number): void;
+    zoomOut(increment?: number): void;
+    setZoom(zoomLevel: number): void;
+    fitView(): void;
+    /** Enable automatic fitting to container if it was disabled due to previous zoom / pan interactions */
+    resetAutofitState(): void;
+    /** Get current coordinates of the nodes as an array of { id: string; x: number; y: number } objects */
+    getNodesCoordinates(): {
+        id: string;
+        x: number;
+        y: number;
+    }[];
+    /** Get node coordinates by id as { id: string; x: number; y: number } */
+    getNodeCoordinatesById(id: string): {
+        id: string;
+        x: number;
+        y: number;
+    } | undefined;
+}