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

package/components/free-brush/index.js

@@ -0,0 +1,192 @@
+import { brush as brush$1, brushY, brushX } from 'd3-brush';
+import { XYComponentCore } from '../../core/xy-component/index.js';
+import { isNumber, clamp } from '../../utils/data.js';
+import { smartTransition } from '../../utils/d3.js';
+import { FreeBrushMode } from './types.js';
+import { FreeBrushConfig } from './config.js';
+import * as style from './style.js';
+import { brush, hide } from './style.js';
+
+class FreeBrush extends XYComponentCore {
+    constructor(config) {
+        super();
+        this.config = new FreeBrushConfig();
+        this._firstRender = true;
+        if (config)
+            this.config.init(config);
+        this.brush = this.g
+            .append('g')
+            .attr('class', brush);
+    }
+    _render(customDuration) {
+        var _a, _b, _c, _d;
+        const { config } = this;
+        const xScale = this.xScale;
+        const yScale = this.yScale;
+        const duration = isNumber(customDuration) ? customDuration : config.duration;
+        if (this._firstRender)
+            this.brush.classed(hide, this._firstRender && config.autoHide);
+        // Sometimes Brush stops emitting 'start' and 'end' events. Possible explanation:
+        // "... mouseup will only fire when performed within the browser, which can lead to losing track of the button state."
+        // https://stackoverflow.com/a/48970682
+        //
+        // D3 code related to the problem:
+        // https://github.com/d3/d3-brush/blob/ec2bce6f15074a9ead7f9a84c61335be51c123a3/src/brush.js#L301
+        //
+        // We're clearing brush's event emitter state to force it to get re-initialized
+        // Caveat of this solution: If you're doing a brush selection and a render happens
+        // (e.g. due to a data or config update), it'll reset the brush.
+        //
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        if (this.brush.node().__brush)
+            this.brush.node().__brush.emitter = undefined;
+        this.brushBehaviour = this._getBrushBehaviour(config.mode);
+        this.brushBehaviour
+            .handleSize(config.handleWidth)
+            .extent([[0, 0], [this._width, this._height]])
+            .on('start', this._onBrushStart.bind(this))
+            .on('brush', this._onBrushMove.bind(this))
+            .on('end', this._onBrushEnd.bind(this));
+        this.brush
+            .call(this.brushBehaviour);
+        // Calculate the brush range from configured selection and apply it
+        let brushRange;
+        switch (config.mode) {
+            case FreeBrushMode.XY: {
+                const xSelectionRange = this._dataRangeToPixelRange([(_a = config.selection) === null || _a === void 0 ? void 0 : _a[0][0], (_b = config.selection) === null || _b === void 0 ? void 0 : _b[0][1]], xScale);
+                const ySelectionRange = this._dataRangeToPixelRange([(_c = config.selection) === null || _c === void 0 ? void 0 : _c[1][0], (_d = config.selection) === null || _d === void 0 ? void 0 : _d[1][1]], yScale, true);
+                brushRange = (xSelectionRange && ySelectionRange) ? [[xSelectionRange[0], ySelectionRange[0]], [xSelectionRange[1], ySelectionRange[1]]] : null;
+                break;
+            }
+            case FreeBrushMode.X:
+            case FreeBrushMode.Y:
+            default: {
+                const scale = config.mode === FreeBrushMode.Y ? yScale : xScale;
+                brushRange = this._dataRangeToPixelRange(config.selection, scale, config.mode === FreeBrushMode.Y);
+            }
+        }
+        smartTransition(this.brush, duration)
+            .call(this.brushBehaviour.move, brushRange) // Sets up the brush and calls brush events
+            .on('end interrupt', () => { this._firstRender = false; });
+        if (!duration)
+            this._firstRender = false;
+    }
+    _onBrush(event) {
+        var _a, _b, _c, _d;
+        const { config } = this;
+        const userDriven = !!(event === null || event === void 0 ? void 0 : event.sourceEvent);
+        // Selection from the brush events is in Screen Space (pixels)
+        // In case of two dimensional brush is comes as [ [xMinPx, yMinPx], [xMaxPx, yMaxPx] ],
+        //   while in the config we'll be storing it as [ [xMin, xMax], [yMin, yMax] ]
+        const s = (event === null || event === void 0 ? void 0 : event.selection);
+        if (!this._isSelectionValid(s)) {
+            config.selection = null;
+            return;
+        }
+        // Convert the raw brush selection from pixels to data units, store it in the config and trigger the onBrush callback
+        let selectedDomain;
+        switch (config.mode) {
+            case FreeBrushMode.XY: {
+                const xSelection = this._pixelRangeToDataRange([s[0][0], s[1][0]], this.xScale, (_b = (_a = config.selectionMinLength) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : config.selectionMinLength);
+                const ySelection = this._pixelRangeToDataRange([s[0][1], s[1][1]], this.yScale, (_d = (_c = config.selectionMinLength) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : config.selectionMinLength, true);
+                selectedDomain = (xSelection && ySelection) ? [
+                    [xSelection === null || xSelection === void 0 ? void 0 : xSelection[0], xSelection === null || xSelection === void 0 ? void 0 : xSelection[1]],
+                    [ySelection === null || ySelection === void 0 ? void 0 : ySelection[0], ySelection === null || ySelection === void 0 ? void 0 : ySelection[1]],
+                ] : null;
+                break;
+            }
+            case FreeBrushMode.Y: {
+                selectedDomain = this._pixelRangeToDataRange(s, this.yScale, config.selectionMinLength, true);
+                break;
+            }
+            case FreeBrushMode.X:
+            default: {
+                selectedDomain = this._pixelRangeToDataRange(s, this.xScale, config.selectionMinLength);
+                break;
+            }
+        }
+        if (selectedDomain === null || selectedDomain[0] === null || selectedDomain[1] === null) {
+            this.brush.call(this.brushBehaviour.move, null);
+            return;
+        }
+        config.selection = selectedDomain;
+        if (!this._firstRender)
+            config.onBrush(selectedDomain, event, userDriven);
+    }
+    _pixelRangeToDataRange(selectionInPixels, scale, constraint, reversed) {
+        const selectedDomain = selectionInPixels.map(n => scale.invert(n));
+        if (reversed)
+            selectedDomain.reverse();
+        const domain = scale.domain();
+        const domainLength = Math.abs(domain[1] - domain[0]);
+        const selectionLength = Math.abs(selectedDomain[1] - selectedDomain[0]);
+        if (constraint >= domainLength) {
+            console.warn('Unovis | FreeBrush: Configured domain constraint is bigger than the brush domain');
+        }
+        if ((selectionLength < constraint) && (constraint < domainLength))
+            return null;
+        else
+            return selectedDomain;
+    }
+    _dataRangeToPixelRange(selectionInDataUnits, scale, reversed) {
+        var _a, _b;
+        if (!selectionInDataUnits)
+            return null;
+        const range = scale.range();
+        const s = [...selectionInDataUnits];
+        if (reversed) {
+            range.reverse();
+            s.reverse();
+        }
+        const selectionMin = clamp((_a = scale(s[0])) !== null && _a !== void 0 ? _a : 0, range[0], range[1]);
+        const selectionMax = clamp((_b = scale(s[1])) !== null && _b !== void 0 ? _b : 0, range[0], range[1]);
+        return (selectionMax - selectionMin) ? [selectionMin, selectionMax] : null;
+    }
+    _isSelectionValid(s) {
+        const { config } = this;
+        if (config.mode === FreeBrushMode.XY) {
+            return s && Array.isArray(s[0]) && Array.isArray(s[1]);
+        }
+        else {
+            return s && isNumber(s[0]) && isNumber(s[1]);
+        }
+    }
+    _getBrushBehaviour(mode) {
+        switch (mode) {
+            case FreeBrushMode.X: return brushX();
+            case FreeBrushMode.Y: return brushY();
+            default: return brush$1();
+        }
+    }
+    _onBrushStart(event) {
+        var _a;
+        const { config } = this;
+        const userDriven = !!(event === null || event === void 0 ? void 0 : event.sourceEvent);
+        this._onBrush(event);
+        if (config.autoHide && userDriven)
+            this.brush.classed(hide, false);
+        if (!this._firstRender)
+            (_a = config.onBrushStart) === null || _a === void 0 ? void 0 : _a.call(config, config.selection, event, userDriven);
+    }
+    _onBrushMove(event) {
+        var _a;
+        const { config } = this;
+        this._onBrush(event);
+        if (!this._firstRender)
+            (_a = config.onBrushMove) === null || _a === void 0 ? void 0 : _a.call(config, config.selection, event, !!(event === null || event === void 0 ? void 0 : event.sourceEvent));
+    }
+    _onBrushEnd(event) {
+        var _a;
+        const { config } = this;
+        this._onBrush(event);
+        if (config.autoHide)
+            this.brush.classed(hide, true);
+        if (!this._firstRender)
+            (_a = config.onBrushEnd) === null || _a === void 0 ? void 0 : _a.call(config, config.selection, event, !!(event === null || event === void 0 ? void 0 : event.sourceEvent));
+    }
+}
+FreeBrush.selectors = style;
+
+export { FreeBrush };
+//# sourceMappingURL=index.js.map

package/components/free-brush/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/free-brush/index.ts"],"sourcesContent":["import { Selection } from 'd3-selection'\nimport { brush, BrushBehavior, brushX, brushY, D3BrushEvent } from 'd3-brush'\nimport { XYComponentCore } from 'core/xy-component'\nimport { clamp, isNumber } from 'utils/data'\nimport { smartTransition } from 'utils/d3'\n\n// Types\nimport { ContinuousScale } from 'types/scale'\nimport { FreeBrushMode, FreeBrushSelection, FreeBrushSelectionInPixels } from './types'\n\n// Config\nimport { FreeBrushConfig, FreeBrushConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\nexport class FreeBrush<Datum> extends XYComponentCore<Datum, FreeBrushConfig<Datum>, FreeBrushConfigInterface<Datum>> {\n  static selectors = s\n  config: FreeBrushConfig<Datum> = new FreeBrushConfig()\n  private brush: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  private brushBehaviour: BrushBehavior<unknown>\n  private _firstRender = true\n\n  constructor (config: FreeBrushConfigInterface<Datum>) {\n    super()\n    if (config) this.config.init(config)\n\n    this.brush = this.g\n      .append('g')\n      .attr('class', s.brush)\n  }\n\n  _render (customDuration?: number): void {\n    const { config } = this\n    const xScale = this.xScale\n    const yScale = this.yScale\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    if (this._firstRender) this.brush.classed(s.hide, this._firstRender && config.autoHide)\n\n    // Sometimes Brush stops emitting 'start' and 'end' events. Possible explanation:\n    // \"... mouseup will only fire when performed within the browser, which can lead to losing track of the button state.\"\n    // https://stackoverflow.com/a/48970682\n    //\n    // D3 code related to the problem:\n    // https://github.com/d3/d3-brush/blob/ec2bce6f15074a9ead7f9a84c61335be51c123a3/src/brush.js#L301\n    //\n    // We're clearing brush's event emitter state to force it to get re-initialized\n    // Caveat of this solution: If you're doing a brush selection and a render happens\n    // (e.g. due to a data or config update), it'll reset the brush.\n    //\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    if (this.brush.node().__brush) this.brush.node().__brush.emitter = undefined\n\n    this.brushBehaviour = this._getBrushBehaviour(config.mode)\n\n    this.brushBehaviour\n      .handleSize(config.handleWidth)\n      .extent([[0, 0], [this._width, this._height]])\n      .on('start', this._onBrushStart.bind(this))\n      .on('brush', this._onBrushMove.bind(this))\n      .on('end', this._onBrushEnd.bind(this))\n\n    this.brush\n      .call(this.brushBehaviour)\n\n    // Calculate the brush range from configured selection and apply it\n    let brushRange: FreeBrushSelectionInPixels\n    switch (config.mode) {\n      case FreeBrushMode.XY: {\n        const xSelectionRange = this._dataRangeToPixelRange([config.selection?.[0][0], config.selection?.[0][1]], xScale)\n        const ySelectionRange = this._dataRangeToPixelRange([config.selection?.[1][0], config.selection?.[1][1]], yScale, true)\n        brushRange = (xSelectionRange && ySelectionRange) ? [[xSelectionRange[0], ySelectionRange[0]], [xSelectionRange[1], ySelectionRange[1]]] : null\n        break\n      }\n      case FreeBrushMode.X:\n      case FreeBrushMode.Y:\n      default: {\n        const scale = config.mode === FreeBrushMode.Y ? yScale : xScale\n        brushRange = this._dataRangeToPixelRange(config.selection as [number, number], scale, config.mode === FreeBrushMode.Y)\n      }\n    }\n\n    smartTransition(this.brush, duration)\n      .call(this.brushBehaviour.move, brushRange) // Sets up the brush and calls brush events\n      .on('end interrupt', () => { this._firstRender = false })\n\n    if (!duration) this._firstRender = false\n  }\n\n  private _onBrush (event: D3BrushEvent<unknown>): void {\n    const { config } = this\n    const userDriven = !!event?.sourceEvent\n\n    // Selection from the brush events is in Screen Space (pixels)\n    // In case of two dimensional brush is comes as [ [xMinPx, yMinPx], [xMaxPx, yMaxPx] ],\n    //   while in the config we'll be storing it as [ [xMin, xMax], [yMin, yMax] ]\n    const s = (event?.selection) as FreeBrushSelectionInPixels\n    if (!this._isSelectionValid(s)) {\n      config.selection = null\n      return\n    }\n\n    // Convert the raw brush selection from pixels to data units, store it in the config and trigger the onBrush callback\n    let selectedDomain: FreeBrushSelection\n    switch (config.mode) {\n      case FreeBrushMode.XY: {\n        const xSelection = this._pixelRangeToDataRange([s[0][0], s[1][0]], this.xScale, config.selectionMinLength?.[0] ?? config.selectionMinLength)\n        const ySelection = this._pixelRangeToDataRange([s[0][1], s[1][1]], this.yScale, config.selectionMinLength?.[1] ?? config.selectionMinLength, true)\n        selectedDomain = (xSelection && ySelection) ? [\n          [xSelection?.[0], xSelection?.[1]],\n          [ySelection?.[0], ySelection?.[1]],\n        ] : null\n        break\n      }\n      case FreeBrushMode.Y: {\n        selectedDomain = this._pixelRangeToDataRange(s as [number, number], this.yScale, config.selectionMinLength, true)\n        break\n      }\n      case FreeBrushMode.X:\n      default: {\n        selectedDomain = this._pixelRangeToDataRange(s as [number, number], this.xScale, config.selectionMinLength)\n        break\n      }\n    }\n\n    if (selectedDomain === null || selectedDomain[0] === null || selectedDomain[1] === null) {\n      this.brush.call(this.brushBehaviour.move, null)\n      return\n    }\n\n    config.selection = selectedDomain\n    if (!this._firstRender) config.onBrush(selectedDomain, event, userDriven)\n  }\n\n  private _pixelRangeToDataRange (selectionInPixels: [number, number], scale: ContinuousScale, constraint: number, reversed?: boolean): [number, number] | null {\n    const selectedDomain = selectionInPixels.map(n => scale.invert(n)) as [number, number]\n    if (reversed) selectedDomain.reverse()\n\n    const domain = scale.domain() as [number, number]\n    const domainLength = Math.abs(domain[1] - domain[0])\n    const selectionLength = Math.abs(selectedDomain[1] - selectedDomain[0])\n\n    if (constraint >= domainLength) {\n      console.warn('Unovis | FreeBrush: Configured domain constraint is bigger than the brush domain')\n    }\n\n    if ((selectionLength < constraint) && (constraint < domainLength)) return null\n    else return selectedDomain\n  }\n\n  private _dataRangeToPixelRange (selectionInDataUnits: [number, number], scale: ContinuousScale, reversed?: boolean): [number, number] | null {\n    if (!selectionInDataUnits) return null\n\n    const range = scale.range()\n    const s = [...selectionInDataUnits]\n    if (reversed) {\n      range.reverse()\n      s.reverse()\n    }\n    const selectionMin = clamp(scale(s[0]) ?? 0, range[0], range[1])\n    const selectionMax = clamp(scale(s[1]) ?? 0, range[0], range[1])\n    return (selectionMax - selectionMin) ? [selectionMin, selectionMax] : null\n  }\n\n  private _isSelectionValid (s: FreeBrushSelection | FreeBrushSelectionInPixels): boolean {\n    const { config } = this\n\n    if (config.mode === FreeBrushMode.XY) {\n      return s && Array.isArray(s[0]) && Array.isArray(s[1])\n    } else {\n      return s && isNumber(s[0]) && isNumber(s[1])\n    }\n  }\n\n  private _getBrushBehaviour (mode: FreeBrushMode): BrushBehavior<unknown> {\n    switch (mode) {\n      case FreeBrushMode.X: return brushX()\n      case FreeBrushMode.Y: return brushY()\n      default: return brush()\n    }\n  }\n\n  private _onBrushStart (event: D3BrushEvent<unknown>): void {\n    const { config } = this\n    const userDriven = !!event?.sourceEvent\n    this._onBrush(event)\n    if (config.autoHide && userDriven) this.brush.classed(s.hide, false)\n    if (!this._firstRender) config.onBrushStart?.(config.selection, event, userDriven)\n  }\n\n  private _onBrushMove (event: D3BrushEvent<unknown>): void {\n    const { config } = this\n\n    this._onBrush(event)\n    if (!this._firstRender) config.onBrushMove?.(config.selection, event, !!event?.sourceEvent)\n  }\n\n  private _onBrushEnd (event: D3BrushEvent<unknown>): void {\n    const { config } = this\n\n    this._onBrush(event)\n    if (config.autoHide) this.brush.classed(s.hide, true)\n    if (!this._firstRender) config.onBrushEnd?.(config.selection, event, !!event?.sourceEvent)\n  }\n}\n"],"names":["s.brush","s.hide","brush","s"],"mappings":"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"}

package/components/free-brush/style.d.ts

@@ -0,0 +1,4 @@
+export declare const root: string;
+export declare const variables: void;
+export declare const brush: string;
+export declare const hide: string;

package/{src/components/free-brush/style.ts → components/free-brush/style.js}

@@ -1,10 +1,9 @@
-import { css, injectGlobal } from '@emotion/css'
+import { css, injectGlobal } from '@emotion/css';
 
-export const root = css`
+const root = css `
   label: free-brush-component;
-`
-
-export const variables = injectGlobal`
+`;
+const variables = injectGlobal `
   :root {
     --vis-free-brush-selection-fill-color: #0b1640;
     --vis-free-brush-selection-fill-opacity: 0.4;
@@ -22,9 +21,8 @@ export const variables = injectGlobal`
     --vis-free-brush-selection-stroke-color: var(--vis-dark-free-brush-selection-stroke-color);
     --vis-free-brush-handle-fill-color: var(--vis-dark-free-brush-selection-fill-color);
   }
-`
-
-export const brush = css`
+`;
+const brush = css `
   label: brush;
   fill: none;
   stroke: none;
@@ -41,10 +39,12 @@ export const brush = css`
     fill: var(--vis-free-brush-handle-fill-color);
     stroke: var(--vis-free-brush-handle-stroke-color);
   }
-`
-
-export const hide = css`
+`;
+const hide = css `
   .selection, .handle {
     display: none;
   }
-`
+`;
+
+export { brush, hide, root, variables };
+//# sourceMappingURL=style.js.map

package/components/free-brush/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/components/free-brush/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const root = css`\n  label: free-brush-component;\n`\n\nexport const variables = injectGlobal`\n  :root {\n    --vis-free-brush-selection-fill-color: #0b1640;\n    --vis-free-brush-selection-fill-opacity: 0.4;\n    --vis-free-brush-selection-stroke-color: #acb2b9;\n    --vis-free-brush-handle-fill-color: #6d778c;\n    --vis-free-brush-handle-stroke-color: none;\n\n    --vis-dark-free-brush-selection-fill-color: #344174;\n    --vis-dark-free-brush-selection-stroke-color: #0b1640;\n    --vis-dark-free-brush-handle-fill-color: #6d778c;\n  }\n\n  body.theme-dark ${`.${root}`} {\n    --vis-free-brush-selection-fill-color: var(--vis-dark-free-brush-selection-fill-color);\n    --vis-free-brush-selection-stroke-color: var(--vis-dark-free-brush-selection-stroke-color);\n    --vis-free-brush-handle-fill-color: var(--vis-dark-free-brush-selection-fill-color);\n  }\n`\n\nexport const brush = css`\n  label: brush;\n  fill: none;\n  stroke: none;\n\n  .selection {\n    fill: var(--vis-free-brush-selection-fill-color);\n    fill-opacity: var(--vis-free-brush-selection-fill-opacity);\n    stroke: var(--vis-free-brush-selection-stroke-color);\n    stroke-width: 0;\n    stroke-opacity: 0;\n  }\n\n  .handle {\n    fill: var(--vis-free-brush-handle-fill-color);\n    stroke: var(--vis-free-brush-handle-stroke-color);\n  }\n`\n\nexport const hide = css`\n  .selection, .handle {\n    display: none;\n  }\n`\n"],"names":[],"mappings":";;AAEO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;AAajB,kBAAA,EAAA,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA;;;;;EAK7B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;EAiBvB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;"}

package/components/free-brush/types.d.ts

@@ -0,0 +1,7 @@
+export declare type FreeBrushSelection = [number, number] | [[number, number], [number, number]];
+export declare type FreeBrushSelectionInPixels = FreeBrushSelection;
+export declare enum FreeBrushMode {
+    X = "x",
+    Y = "y",
+    XY = "xy"
+}

package/components/free-brush/types.js

@@ -0,0 +1,9 @@
+var FreeBrushMode;
+(function (FreeBrushMode) {
+    FreeBrushMode["X"] = "x";
+    FreeBrushMode["Y"] = "y";
+    FreeBrushMode["XY"] = "xy";
+})(FreeBrushMode || (FreeBrushMode = {}));
+
+export { FreeBrushMode };
+//# sourceMappingURL=types.js.map

package/components/free-brush/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/free-brush/types.ts"],"sourcesContent":["export type FreeBrushSelection = [number, number] | [[number, number], [number, number]];\nexport type FreeBrushSelectionInPixels = FreeBrushSelection\n\nexport enum FreeBrushMode {\n  X = 'x',\n  Y = 'y',\n  XY = 'xy',\n}\n"],"names":[],"mappings":"IAGY,cAIX;AAJD,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACP,IAAA,aAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACP,IAAA,aAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACX,CAAC,EAJW,aAAa,KAAb,aAAa,GAIxB,EAAA,CAAA,CAAA;;;;"}

package/components/graph/config.d.ts

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

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