@visactor/vgrammar-core 0.7.7 → 0.8.0

package/cjs/interactions/filter.d.ts

@@ -0,0 +1,20 @@
+import type { DataFilterOptions, IData, IDataFilter, IMark, IView, InteractionEvent } from '../types';
+import { BaseInteraction } from './base';
+export interface FilterMixin {
+    view: IView;
+    _data?: IData;
+    _marks?: IMark[];
+    _filterValue: any;
+    _dataFilter: IDataFilter;
+    handleFilter: (event?: InteractionEvent) => void;
+}
+export declare class FilterMixin {
+    _filterData(data: IData, source: IMark | null, filterRank: number, getFilterValue: (event: any) => any, filter?: (data: any[], parameters: any) => boolean, transform?: (data: any[], parameters: any) => any[]): this;
+}
+export interface Filter extends Pick<FilterMixin, '_data' | '_marks' | '_filterValue' | '_dataFilter' | 'handleFilter' | '_filterData'>, BaseInteraction<DataFilterOptions> {
+}
+export declare abstract class Filter extends BaseInteraction<DataFilterOptions> {
+    static defaultOptions: Omit<DataFilterOptions, 'target'>;
+    options: DataFilterOptions;
+    constructor(view: IView, options?: DataFilterOptions);
+}

package/cjs/interactions/filter.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Filter = exports.FilterMixin = void 0;
+
+const base_1 = require("./base"), vutils_1 = require("@visactor/vutils");
+
+class FilterMixin {
+    _filterData(data, source, filterRank, getFilterValue, filter, transform) {
+        const dataGrammar = (0, vutils_1.isString)(data) ? this.view.getDataById(data) : data;
+        return dataGrammar && (this.handleFilter = event => {
+            const element = null == event ? void 0 : event.element;
+            dataGrammar && (!source || element && element.mark === source) && (getFilterValue && (this._filterValue = getFilterValue(event)), 
+            dataGrammar.commit(), this.view.runAsync());
+        }, this._dataFilter = {
+            source: source ? `${source.uid}` : null,
+            rank: filterRank,
+            filter: data => {
+                if (!this._filterValue) return data;
+                const filteredData = filter ? data.filter((datum => filter(datum, this._filterValue))) : data;
+                return transform ? transform(filteredData, this._filterValue) : filteredData;
+            }
+        }, dataGrammar.addDataFilter(this._dataFilter)), this;
+    }
+}
+
+exports.FilterMixin = FilterMixin;
+
+class Filter extends base_1.BaseInteraction {
+    constructor(view, options) {
+        super(view, options), options.target && (this._data = (0, vutils_1.isString)(options.target.data) ? view.getDataById(options.target.data) : options.target.data);
+    }
+}
+
+exports.Filter = Filter, Filter.defaultOptions = {};
+//# sourceMappingURL=filter.js.map

package/cjs/interactions/filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/filter.ts"],"names":[],"mappings":";;;AACA,iCAAyC;AACzC,6CAA4C;AAW5C,MAAa,WAAW;IACtB,WAAW,CACT,IAAW,EACX,MAAoB,EACpB,UAAkB,EAClB,cAAmC,EACnC,MAAkD,EAClD,SAAmD;QAEnD,MAAM,WAAW,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACxE,IAAI,WAAW,EAAE;YACf,IAAI,CAAC,YAAY,GAAG,CAAC,KAAuB,EAAE,EAAE;gBAC9C,MAAM,OAAO,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC;gBAC/B,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,EAAE;oBACrE,OAAO;iBACR;gBACD,IAAI,cAAc,EAAE;oBAClB,IAAI,CAAC,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;iBAC3C;gBACD,WAAW,CAAC,MAAM,EAAE,CAAC;gBACrB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACvB,CAAC,CAAC;YAEF,IAAI,CAAC,WAAW,GAAG;gBACjB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI;gBACvC,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,CAAC,IAAW,EAAE,EAAE;oBACtB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;wBACtB,OAAO,IAAI,CAAC;qBACb;oBACD,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oBAC5F,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;gBAC/E,CAAC;aACF,CAAC;YACF,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAC7C;QACD,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAtCD,kCAsCC;AAMD,MAAsB,MAAO,SAAQ,sBAAkC;IAIrE,YAAY,IAAW,EAAE,OAA2B;QAClD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,OAAO,CAAC,MAAM,EAAE;YAClB,IAAI,CAAC,KAAK,GAAG,IAAA,iBAAQ,EAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;SAC1G;IACH,CAAC;;AATH,wBAUC;AATQ,qBAAc,GAAsC,EAAE,CAAC","file":"filter.js","sourcesContent":["import type { DataFilterOptions, IData, IDataFilter, IMark, IView, InteractionEvent } from '../types';\nimport { BaseInteraction } from './base';\nimport { isString } from '@visactor/vutils';\n\nexport interface FilterMixin {\n  view: IView;\n  _data?: IData;\n  _marks?: IMark[];\n  _filterValue: any;\n  _dataFilter: IDataFilter;\n  handleFilter: (event?: InteractionEvent) => void;\n}\n\nexport class FilterMixin {\n  _filterData(\n    data: IData,\n    source: IMark | null,\n    filterRank: number,\n    getFilterValue: (event: any) => any,\n    filter?: (data: any[], parameters: any) => boolean,\n    transform?: (data: any[], parameters: any) => any[]\n  ) {\n    const dataGrammar = isString(data) ? this.view.getDataById(data) : data;\n    if (dataGrammar) {\n      this.handleFilter = (event: InteractionEvent) => {\n        const element = event?.element;\n        if (!dataGrammar || (source && (!element || element.mark !== source))) {\n          return;\n        }\n        if (getFilterValue) {\n          this._filterValue = getFilterValue(event);\n        }\n        dataGrammar.commit();\n        this.view.runAsync();\n      };\n\n      this._dataFilter = {\n        source: source ? `${source.uid}` : null,\n        rank: filterRank,\n        filter: (data: any[]) => {\n          if (!this._filterValue) {\n            return data;\n          }\n          const filteredData = filter ? data.filter(datum => filter(datum, this._filterValue)) : data;\n          return transform ? transform(filteredData, this._filterValue) : filteredData;\n        }\n      };\n      dataGrammar.addDataFilter(this._dataFilter);\n    }\n    return this;\n  }\n}\n\nexport interface Filter\n  extends Pick<FilterMixin, '_data' | '_marks' | '_filterValue' | '_dataFilter' | 'handleFilter' | '_filterData'>,\n    BaseInteraction<DataFilterOptions> {}\n\nexport abstract class Filter extends BaseInteraction<DataFilterOptions> {\n  static defaultOptions: Omit<DataFilterOptions, 'target'> = {};\n  options: DataFilterOptions;\n\n  constructor(view: IView, options?: DataFilterOptions) {\n    super(view, options);\n    if (options.target) {\n      this._data = isString(options.target.data) ? view.getDataById(options.target.data) : options.target.data;\n    }\n  }\n}\n"]}

package/cjs/interactions/fish-eye.d.ts

@@ -0,0 +1,38 @@
+import type { FishEyeOptions, IMark, IScale, IView, InteractionEvent, ViewNavigationRange } from '../types';
+import { BaseInteraction } from './base';
+export declare class FishEye extends BaseInteraction<FishEyeOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: FishEyeOptions;
+    options: FishEyeOptions;
+    protected _inited?: boolean;
+    protected _state: Partial<Record<'x' | 'y', {
+        scale?: IScale;
+        focus?: number;
+        distortion?: number;
+        radius?: number;
+        radiusRatio?: number;
+    }>>;
+    protected _isActive?: boolean;
+    protected _marks?: IMark[];
+    protected handleUpdate: (e: InteractionEvent) => void;
+    constructor(view: IView, options?: FishEyeOptions);
+    protected getEvents(): {
+        type: string;
+        handler: (e: InteractionEvent) => void;
+    }[];
+    protected _initStateByDim(dim: 'x' | 'y', distortion: number, scale?: string | IScale, radius?: number, radiusRatio?: number): void;
+    protected _initGrammars(): void;
+    updateView(focus?: {
+        x: number;
+        y: number;
+    }, e?: InteractionEvent): void;
+    protected dispatchEvent(type: string, viewRange: ViewNavigationRange, e?: InteractionEvent): void;
+    shouldHandle(e: InteractionEvent): boolean;
+    shouldUpdate(e: InteractionEvent): boolean;
+    handleStart: (e: InteractionEvent) => void;
+    handleUpdateInner: (e: InteractionEvent) => void;
+    handleEnd: (e: InteractionEvent) => void;
+    handleReset: (e: InteractionEvent) => void;
+    unbind(): void;
+}

package/cjs/interactions/fish-eye.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.FishEye = void 0;
+
+const vutils_1 = require("@visactor/vutils"), base_1 = require("./base");
+
+class FishEye extends base_1.BaseInteraction {
+    constructor(view, options) {
+        super(view, options), this.type = FishEye.type, this.handleStart = e => {
+            e && (this.options.shouldStart ? this.options.shouldStart(e) : this.shouldHandle(e)) && (this._inited || this._initGrammars(), 
+            this._isActive || (this._isActive = !0, this.updateView({
+                x: e.canvasX,
+                y: e.canvasY
+            }, e)));
+        }, this.handleUpdateInner = e => {
+            e && (this.options.shouldUpdate ? this.options.shouldUpdate(e) : this.shouldUpdate(e)) && this._isActive && this.updateView({
+                x: e.canvasX,
+                y: e.canvasY
+            }, e);
+        }, this.handleEnd = e => {
+            e && (this.options.shouldEnd ? this.options.shouldEnd(e) : this.shouldHandle(e)) && !this.options.resetTrigger && this._isActive && (this._isActive = !1, 
+            this.updateView(null, e));
+        }, this.handleReset = e => {
+            e && (this.options.shouldReset ? this.options.shouldReset(e) : this.shouldHandle(e)) && this._isActive && (this.updateView(null, e), 
+            this._isActive = !1);
+        }, this.options = Object.assign({}, FishEye.defaultOptions, options), this._marks = view.getMarksBySelector(this.options.selector), 
+        this.handleUpdate = (0, vutils_1.throttle)(this.handleUpdateInner, this.options.throttle);
+    }
+    getEvents() {
+        return [ {
+            type: this.options.trigger,
+            handler: this.handleStart
+        }, {
+            type: this.options.updateTrigger,
+            handler: this.handleUpdate
+        }, {
+            type: this.options.endTrigger,
+            handler: this.handleEnd
+        }, {
+            type: this.options.resetTrigger,
+            handler: this.handleReset
+        } ];
+    }
+    _initStateByDim(dim, distortion, scale, radius, radiusRatio) {
+        const scaleGrammar = (0, vutils_1.isNil)(scale) ? null : (0, vutils_1.isString)(scale) ? this.view.getScaleById(scale) : scale;
+        this._state[dim] = {
+            scale: scaleGrammar,
+            distortion: distortion,
+            radius: radius,
+            radiusRatio: radiusRatio
+        };
+    }
+    _initGrammars() {
+        const {enableX: enableX, enableY: enableY, scaleX: scaleX, scaleY: scaleY, distortionX: distortionX, distortionY: distortionY, radiusRatioX: radiusRatioX, radiusRatioY: radiusRatioY, radiusX: radiusX, radiusY: radiusY} = this.options;
+        this._state = {}, !1 !== enableX && this._initStateByDim("x", distortionX, scaleX, radiusX, radiusRatioX), 
+        !1 !== enableY && this._initStateByDim("y", distortionY, scaleY, radiusY, radiusRatioY), 
+        this._inited = !0;
+    }
+    updateView(focus, e) {
+        let needUpdate = !1;
+        focus ? Object.keys(this._state).forEach((dim => {
+            const dimState = this._state[dim];
+            dimState.scale && dimState.focus !== focus[dim] && (needUpdate = !0, dimState.focus = focus[dim], 
+            dimState.scale.setFishEye({
+                distortion: dimState.distortion,
+                radius: dimState.radius,
+                radiusRatio: dimState.radiusRatio,
+                focus: focus[dim]
+            }), dimState.scale.commit());
+        })) : Object.keys(this._state).forEach((dim => {
+            const dimState = this._state[dim];
+            dimState.scale && !(0, vutils_1.isNil)(dimState.focus) && (needUpdate = !0, dimState.focus = null, 
+            dimState.scale.setFishEye(null), dimState.scale.commit());
+        })), needUpdate && this.view.runSync();
+    }
+    dispatchEvent(type, viewRange, e) {
+        this.view.emit(type, {
+            viewRange: viewRange,
+            event: e
+        });
+    }
+    shouldHandle(e) {
+        var _a, _b, _c;
+        return this._marks ? e.element && this._marks && this._marks.includes(e.element.mark) : e.target === (null === (_c = null === (_b = null === (_a = this.view) || void 0 === _a ? void 0 : _a.renderer) || void 0 === _b ? void 0 : _b.stage) || void 0 === _c ? void 0 : _c.call(_b));
+    }
+    shouldUpdate(e) {
+        if (this._marks) return e.element && this._marks && this._marks.includes(e.element.mark);
+        const viewBox = this.view.getViewBox();
+        return e.canvasX >= viewBox.x1 && e.canvasX <= viewBox.x2 && e.canvasY >= viewBox.y1 && e.canvasY <= viewBox.y2;
+    }
+    unbind() {
+        super.unbind(), this._state && Object.keys(this._state).forEach((dim => {
+            const {scale: scale} = this._state[dim];
+            scale && (scale.setRangeFactor(null), scale.commit());
+        })), this._state = null;
+    }
+}
+
+exports.FishEye = FishEye, FishEye.type = "fish-eye", FishEye.defaultOptions = {
+    trigger: "pointerenter",
+    updateTrigger: "pointermove",
+    endTrigger: "pointerleave",
+    distortionX: 2,
+    distortionY: 2,
+    throttle: 100
+};
+//# sourceMappingURL=fish-eye.js.map

package/cjs/interactions/fish-eye.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/fish-eye.ts"],"names":[],"mappings":"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","file":"fish-eye.js","sourcesContent":["import { isNil, isString, throttle } from '@visactor/vutils';\nimport type { FishEyeOptions, IMark, IScale, IView, InteractionEvent, ViewNavigationRange } from '../types';\nimport { BaseInteraction } from './base';\n\nexport class FishEye extends BaseInteraction<FishEyeOptions> {\n  static type: string = 'fish-eye';\n  type: string = FishEye.type;\n\n  static defaultOptions: FishEyeOptions = {\n    trigger: 'pointerenter',\n    updateTrigger: 'pointermove',\n    endTrigger: 'pointerleave',\n    distortionX: 2,\n    distortionY: 2,\n    throttle: 100\n  };\n\n  options: FishEyeOptions;\n  protected _inited?: boolean;\n  protected _state: Partial<\n    Record<'x' | 'y', { scale?: IScale; focus?: number; distortion?: number; radius?: number; radiusRatio?: number }>\n  >;\n  protected _isActive?: boolean;\n  protected _marks?: IMark[];\n\n  protected handleUpdate: (e: InteractionEvent) => void;\n\n  constructor(view: IView, options?: FishEyeOptions) {\n    super(view, options);\n    this.options = Object.assign({}, FishEye.defaultOptions, options);\n    this._marks = view.getMarksBySelector(this.options.selector);\n\n    this.handleUpdate = throttle(this.handleUpdateInner, this.options.throttle);\n  }\n\n  protected getEvents() {\n    return [\n      { type: this.options.trigger, handler: this.handleStart },\n      { type: this.options.updateTrigger, handler: this.handleUpdate },\n      { type: this.options.endTrigger, handler: this.handleEnd },\n      { type: this.options.resetTrigger, handler: this.handleReset }\n    ];\n  }\n\n  protected _initStateByDim(\n    dim: 'x' | 'y',\n    distortion: number,\n    scale?: string | IScale,\n    radius?: number,\n    radiusRatio?: number\n  ) {\n    const scaleGrammar = !isNil(scale) ? (isString(scale) ? this.view.getScaleById(scale) : scale) : null;\n\n    this._state[dim] = { scale: scaleGrammar, distortion, radius, radiusRatio };\n  }\n\n  protected _initGrammars() {\n    const { enableX, enableY, scaleX, scaleY, distortionX, distortionY, radiusRatioX, radiusRatioY, radiusX, radiusY } =\n      this.options;\n\n    this._state = {};\n\n    if (enableX !== false) {\n      this._initStateByDim('x', distortionX, scaleX, radiusX, radiusRatioX);\n    }\n\n    if (enableY !== false) {\n      this._initStateByDim('y', distortionY, scaleY, radiusY, radiusRatioY);\n    }\n\n    this._inited = true;\n  }\n\n  updateView(focus?: { x: number; y: number }, e?: InteractionEvent) {\n    let needUpdate = false;\n\n    if (focus) {\n      Object.keys(this._state).forEach(dim => {\n        const dimState = this._state[dim];\n\n        if (dimState.scale && dimState.focus !== focus[dim]) {\n          needUpdate = true;\n          // 坐标转换问题\n          dimState.focus = focus[dim];\n          dimState.scale.setFishEye({\n            distortion: dimState.distortion,\n            radius: dimState.radius,\n            radiusRatio: dimState.radiusRatio,\n            focus: focus[dim]\n          });\n          dimState.scale.commit();\n        }\n      });\n    } else {\n      Object.keys(this._state).forEach(dim => {\n        const dimState = this._state[dim];\n\n        if (dimState.scale && !isNil(dimState.focus)) {\n          needUpdate = true;\n          // 坐标转换问题\n          dimState.focus = null;\n          dimState.scale.setFishEye(null);\n          dimState.scale.commit();\n        }\n      });\n    }\n\n    if (needUpdate) {\n      this.view.runSync();\n    }\n\n    // this.dispatchEvent(type, newRange, e);\n  }\n\n  protected dispatchEvent(type: string, viewRange: ViewNavigationRange, e?: InteractionEvent) {\n    this.view.emit(type, {\n      viewRange,\n      event: e\n    });\n  }\n\n  shouldHandle(e: InteractionEvent) {\n    if (this._marks) {\n      return e.element && this._marks && this._marks.includes(e.element.mark);\n    }\n    return (e.target as any) === this.view?.renderer?.stage?.();\n  }\n\n  shouldUpdate(e: InteractionEvent) {\n    if (this._marks) {\n      return e.element && this._marks && this._marks.includes(e.element.mark);\n    }\n    const viewBox = this.view.getViewBox();\n    return e.canvasX >= viewBox.x1 && e.canvasX <= viewBox.x2 && e.canvasY >= viewBox.y1 && e.canvasY <= viewBox.y2;\n  }\n\n  handleStart = (e: InteractionEvent) => {\n    if (!e || !(this.options.shouldStart ? this.options.shouldStart(e) : this.shouldHandle(e))) {\n      return;\n    }\n\n    if (!this._inited) {\n      this._initGrammars();\n    }\n    if (!this._isActive) {\n      this._isActive = true;\n      this.updateView({ x: e.canvasX, y: e.canvasY }, e);\n    }\n  };\n\n  handleUpdateInner = (e: InteractionEvent) => {\n    if (!e || !(this.options.shouldUpdate ? this.options.shouldUpdate(e) : this.shouldUpdate(e))) {\n      return;\n    }\n\n    this._isActive && this.updateView({ x: e.canvasX, y: e.canvasY }, e);\n  };\n\n  handleEnd = (e: InteractionEvent) => {\n    if (!e || !(this.options.shouldEnd ? this.options.shouldEnd(e) : this.shouldHandle(e))) {\n      return;\n    }\n\n    if (!this.options.resetTrigger && this._isActive) {\n      this._isActive = false;\n      this.updateView(null, e);\n    }\n  };\n\n  handleReset = (e: InteractionEvent) => {\n    if (!e || !(this.options.shouldReset ? this.options.shouldReset(e) : this.shouldHandle(e))) {\n      return;\n    }\n\n    if (this._isActive) {\n      this.updateView(null, e);\n      this._isActive = false;\n    }\n  };\n\n  unbind() {\n    super.unbind();\n\n    if (this._state) {\n      Object.keys(this._state).forEach(dim => {\n        const { scale } = this._state[dim as 'x' | 'y'];\n\n        if (scale) {\n          scale.setRangeFactor(null);\n          scale.commit();\n        }\n      });\n    }\n\n    this._state = null;\n  }\n}\n"]}

package/cjs/interactions/index.d.ts

@@ -0,0 +1,50 @@
+import { ElementActive } from './element-active';
+import { ElementSelect } from './element-select';
+import { ElementHighlight } from './element-highlight';
+import { ElementHighlightByKey } from './element-highlight-by-key';
+import { ElementHighlightByGroup } from './element-highlight-by-group';
+import { ElementActiveByLegend } from './element-active-by-legend';
+import { ElementHighlightByLegend } from './element-highlight-by-legend';
+import { ElementHighlightByName } from './element-highlight-by-name';
+import { BrushHighlight } from './brush-highlight';
+import { BrushActive } from './brush-active';
+import { DrillDown } from './drill-down';
+import { RollUp } from './roll-up';
+import { Tooltip } from './tooltip';
+import { DimensionTooltip } from './dimension-tooltip';
+import { Crosshair } from './crosshair';
+import { FilterMixin } from './filter';
+import { ViewZoom } from './view-zoom';
+import { ViewScroll } from './view-scroll';
+import { ViewDrag } from './view-drag';
+import { ViewZoomMixin } from './view-zoom-mixin';
+import { ViewScrollMixin } from './view-scroll-mixin';
+import { ViewDragMixin } from './view-drag-mixin';
+import { ViewRoam } from './view-roam';
+import { FishEye } from './fish-eye';
+export { BaseTooltip } from './base-tooltip';
+export { BaseInteraction } from './base';
+export { BrushBase } from './brush-base';
+export { ViewNavigationBase } from './view-navigation-base';
+export { ElementActive, ElementSelect, ElementHighlight, ElementHighlightByKey, ElementHighlightByGroup, ElementActiveByLegend, ElementHighlightByLegend, ElementHighlightByName, BrushHighlight, BrushActive, DrillDown, RollUp, Tooltip, DimensionTooltip, Crosshair, FilterMixin, ViewZoom, ViewScroll, ViewDrag, ViewRoam, ViewScrollMixin, ViewZoomMixin, ViewDragMixin, FishEye };
+export declare const registerElementActive: () => void;
+export declare const registerElementSelect: () => void;
+export declare const registerElementHighlight: () => void;
+export declare const registerElementHighlightByKey: () => void;
+export declare const registerElementHighlightByGroup: () => void;
+export declare const registerElementActiveByLegend: () => void;
+export declare const registerElementHighlightByLegend: () => void;
+export declare const registerElementHighlightByName: () => void;
+export declare const registerBrushHighlight: () => void;
+export declare const registerBrushActive: () => void;
+export declare const registerBrushFilter: () => void;
+export declare const registerDrillDown: () => void;
+export declare const registerRollUp: () => void;
+export declare const registerTooltip: () => void;
+export declare const registerDimensionTooltip: () => void;
+export declare const registerCrosshair: () => void;
+export declare const registerViewZoom: () => void;
+export declare const registerViewScroll: () => void;
+export declare const registerViewDrag: () => void;
+export declare const registerViewRoam: () => void;
+export declare const registerFishEye: () => void;