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

package/components/graph/config.d.ts

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

package/components/graph/config.js

@@ -1,84 +0,0 @@
-import { ComponentConfig } from '../../core/component/config.js';
-import { TrimMode } from '../../types/text.js';
-import { GraphLayoutType, GraphLinkStyle, GraphNodeShape } from './types.js';
-
-/* eslint-disable dot-notation */
-class GraphConfig extends ComponentConfig {
-    constructor() {
-        super(...arguments);
-        this.duration = 1000;
-        this.zoomScaleExtent = [0.35, 1.25];
-        this.disableZoom = false;
-        this.disableDrag = false;
-        this.zoomThrottledUpdateNodeThreshold = 100;
-        this.onZoom = undefined;
-        this.layoutType = GraphLayoutType.Force;
-        this.layoutAutofit = true;
-        this.layoutAutofitTolerance = 8.0;
-        this.layoutNonConnectedAside = false;
-        this.layoutGroupOrder = [];
-        this.layoutParallelSubGroupsPerRow = 1;
-        this.layoutParallelNodesPerColumn = 6;
-        this.layoutParallelGroupSpacing = undefined;
-        this.layoutParallelSortConnectionsByGroup = undefined;
-        this.layoutNodeGroup = (n) => n['group'];
-        this.layoutParallelNodeSubGroup = (n) => n['subgroup'];
-        this.forceLayoutSettings = {
-            linkDistance: 60,
-            linkStrength: 0.45,
-            charge: -500,
-            forceXStrength: 0.15,
-            forceYStrength: 0.25,
-        };
-        this.dagreLayoutSettings = {
-            rankdir: 'BT',
-            ranker: 'longest-path',
-        };
-        this.layoutElkSettings = undefined;
-        this.layoutElkNodeGroups = undefined;
-        this.linkFlowAnimDuration = 20000;
-        this.linkFlowParticleSize = 2;
-        this.linkWidth = 1;
-        this.linkStyle = GraphLinkStyle.Solid;
-        this.linkBandWidth = 0;
-        this.linkArrow = undefined;
-        this.linkStroke = undefined;
-        this.linkFlow = false;
-        this.linkLabel = undefined;
-        this.linkLabelShiftFromCenter = true;
-        this.linkNeighborSpacing = 8;
-        this.linkDisabled = false;
-        this.selectedLinkId = undefined;
-        this.nodeGaugeAnimDuration = 1500;
-        this.nodeSize = 30;
-        this.nodeStrokeWidth = 3;
-        this.nodeShape = GraphNodeShape.Circle;
-        this.nodeGaugeValue = 0;
-        this.nodeIcon = (n) => n['icon'];
-        this.nodeIconSize = undefined;
-        this.nodeLabel = (n) => n['label'];
-        this.nodeLabelTrim = true;
-        this.nodeLabelTrimLength = 15;
-        this.nodeLabelTrimMode = TrimMode.Middle;
-        this.nodeSubLabel = '';
-        this.nodeSubLabelTrim = true;
-        this.nodeSubLabelTrimLength = 15;
-        this.nodeSubLabelTrimMode = TrimMode.Middle;
-        this.nodeSideLabels = undefined;
-        this.nodeBottomIcon = undefined;
-        this.nodeDisabled = false;
-        this.nodeFill = (n) => n['fill'];
-        this.nodeGaugeFill = undefined;
-        this.nodeStroke = (n) => n['stroke'];
-        this.nodeEnterPosition = undefined;
-        this.nodeEnterScale = 0.75;
-        this.nodeExitPosition = undefined;
-        this.nodeExitScale = 0.75;
-        this.nodeSort = undefined;
-        this.selectedNodeId = undefined;
-        this.panels = undefined;
-    }
-}
-
-export { GraphConfig };
-//# sourceMappingURL=config.js.map

package/components/graph/config.js.map

@@ -1 +0,0 @@
-{"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

@@ -1,126 +0,0 @@
-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;
-}