@visactor/vgrammar-core 0.7.7 → 0.8.0

package/es/interactions/index.js

@@ -0,0 +1,149 @@
+import { Factory } from "../core/factory";
+
+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 { BrushFilter } from "./brush-filter";
+
+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 { mixin } from "@visactor/vutils";
+
+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 const registerElementActive = () => {
+    Factory.registerInteraction(ElementActive.type, ElementActive);
+};
+
+export const registerElementSelect = () => {
+    Factory.registerInteraction(ElementSelect.type, ElementSelect);
+};
+
+export const registerElementHighlight = () => {
+    Factory.registerInteraction(ElementHighlight.type, ElementHighlight);
+};
+
+export const registerElementHighlightByKey = () => {
+    Factory.registerInteraction(ElementHighlightByKey.type, ElementHighlightByKey);
+};
+
+export const registerElementHighlightByGroup = () => {
+    Factory.registerInteraction(ElementHighlightByGroup.type, ElementHighlightByGroup);
+};
+
+export const registerElementActiveByLegend = () => {
+    Factory.registerInteraction(ElementActiveByLegend.type, ElementActiveByLegend);
+};
+
+export const registerElementHighlightByLegend = () => {
+    Factory.registerInteraction(ElementHighlightByLegend.type, ElementHighlightByLegend);
+};
+
+export const registerElementHighlightByName = () => {
+    Factory.registerInteraction(ElementHighlightByName.type, ElementHighlightByName);
+};
+
+export const registerBrushHighlight = () => {
+    Factory.registerInteraction(BrushHighlight.type, BrushHighlight);
+};
+
+export const registerBrushActive = () => {
+    Factory.registerInteraction(BrushActive.type, BrushActive);
+};
+
+export const registerBrushFilter = () => {
+    mixin(BrushFilter, FilterMixin), Factory.registerInteraction(BrushFilter.type, BrushFilter);
+};
+
+export const registerDrillDown = () => {
+    mixin(DrillDown, FilterMixin), Factory.registerInteraction(DrillDown.type, DrillDown);
+};
+
+export const registerRollUp = () => {
+    Factory.registerInteraction(RollUp.type, RollUp);
+};
+
+export const registerTooltip = () => {
+    Factory.registerInteraction(Tooltip.type, Tooltip);
+};
+
+export const registerDimensionTooltip = () => {
+    Factory.registerInteraction(DimensionTooltip.type, DimensionTooltip);
+};
+
+export const registerCrosshair = () => {
+    Factory.registerInteraction(Crosshair.type, Crosshair);
+};
+
+export const registerViewZoom = () => {
+    mixin(ViewZoom, ViewZoomMixin), Factory.registerInteraction(ViewZoom.type, ViewZoom);
+};
+
+export const registerViewScroll = () => {
+    mixin(ViewScroll, ViewScrollMixin), Factory.registerInteraction(ViewScroll.type, ViewScroll);
+};
+
+export const registerViewDrag = () => {
+    mixin(ViewDrag, ViewDragMixin), Factory.registerInteraction(ViewDrag.type, ViewDrag);
+};
+
+export const registerViewRoam = () => {
+    mixin(ViewRoam, ViewZoomMixin), mixin(ViewRoam, ViewDragMixin), mixin(ViewRoam, ViewScrollMixin), 
+    Factory.registerInteraction(ViewRoam.type, ViewRoam);
+};
+
+export const registerFishEye = () => {
+    Factory.registerInteraction(FishEye.type, FishEye);
+};
+//# sourceMappingURL=index.js.map

package/es/interactions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { Factory } from '../core/factory';\nimport { ElementActive } from './element-active';\nimport { ElementSelect } from './element-select';\nimport { ElementHighlight } from './element-highlight';\nimport { ElementHighlightByKey } from './element-highlight-by-key';\nimport { ElementHighlightByGroup } from './element-highlight-by-group';\nimport { ElementActiveByLegend } from './element-active-by-legend';\nimport { ElementHighlightByLegend } from './element-highlight-by-legend';\nimport { ElementHighlightByName } from './element-highlight-by-name';\nimport { BrushHighlight } from './brush-highlight';\nimport { BrushActive } from './brush-active';\nimport { BrushFilter } from './brush-filter';\nimport { DrillDown } from './drill-down';\nimport { RollUp } from './roll-up';\nimport { Tooltip } from './tooltip';\nimport { DimensionTooltip } from './dimension-tooltip';\nimport { Crosshair } from './crosshair';\nimport { FilterMixin } from './filter';\nimport { ViewZoom } from './view-zoom';\nimport { ViewScroll } from './view-scroll';\nimport { ViewDrag } from './view-drag';\nimport { mixin } from '@visactor/vutils';\nimport { ViewZoomMixin } from './view-zoom-mixin';\nimport { ViewScrollMixin } from './view-scroll-mixin';\nimport { ViewDragMixin } from './view-drag-mixin';\nimport { ViewRoam } from './view-roam';\nimport { FishEye } from './fish-eye';\n\nexport { BaseTooltip } from './base-tooltip';\nexport { BaseInteraction } from './base';\nexport { BrushBase } from './brush-base';\nexport { ViewNavigationBase } from './view-navigation-base';\nexport {\n  ElementActive,\n  ElementSelect,\n  ElementHighlight,\n  ElementHighlightByKey,\n  ElementHighlightByGroup,\n  ElementActiveByLegend,\n  ElementHighlightByLegend,\n  ElementHighlightByName,\n  BrushHighlight,\n  BrushActive,\n  DrillDown,\n  RollUp,\n  Tooltip,\n  DimensionTooltip,\n  Crosshair,\n  FilterMixin,\n  ViewZoom,\n  ViewScroll,\n  ViewDrag,\n  ViewRoam,\n  ViewScrollMixin,\n  ViewZoomMixin,\n  ViewDragMixin,\n  FishEye\n};\n\nexport const registerElementActive = () => {\n  Factory.registerInteraction(ElementActive.type, ElementActive);\n};\n\nexport const registerElementSelect = () => {\n  Factory.registerInteraction(ElementSelect.type, ElementSelect);\n};\n\nexport const registerElementHighlight = () => {\n  Factory.registerInteraction(ElementHighlight.type, ElementHighlight);\n};\n\nexport const registerElementHighlightByKey = () => {\n  Factory.registerInteraction(ElementHighlightByKey.type, ElementHighlightByKey);\n};\n\nexport const registerElementHighlightByGroup = () => {\n  Factory.registerInteraction(ElementHighlightByGroup.type, ElementHighlightByGroup);\n};\n\nexport const registerElementActiveByLegend = () => {\n  Factory.registerInteraction(ElementActiveByLegend.type, ElementActiveByLegend);\n};\n\nexport const registerElementHighlightByLegend = () => {\n  Factory.registerInteraction(ElementHighlightByLegend.type, ElementHighlightByLegend);\n};\n\nexport const registerElementHighlightByName = () => {\n  Factory.registerInteraction(ElementHighlightByName.type, ElementHighlightByName);\n};\n\nexport const registerBrushHighlight = () => {\n  Factory.registerInteraction(BrushHighlight.type, BrushHighlight);\n};\n\nexport const registerBrushActive = () => {\n  Factory.registerInteraction(BrushActive.type, BrushActive);\n};\n\nexport const registerBrushFilter = () => {\n  mixin(BrushFilter, FilterMixin);\n  Factory.registerInteraction(BrushFilter.type, BrushFilter);\n};\n\nexport const registerDrillDown = () => {\n  mixin(DrillDown, FilterMixin);\n  Factory.registerInteraction(DrillDown.type, DrillDown);\n};\n\nexport const registerRollUp = () => {\n  Factory.registerInteraction(RollUp.type, RollUp);\n};\n\nexport const registerTooltip = () => {\n  Factory.registerInteraction(Tooltip.type, Tooltip);\n};\n\nexport const registerDimensionTooltip = () => {\n  Factory.registerInteraction(DimensionTooltip.type, DimensionTooltip);\n};\n\nexport const registerCrosshair = () => {\n  Factory.registerInteraction(Crosshair.type, Crosshair);\n};\nexport const registerViewZoom = () => {\n  mixin(ViewZoom, ViewZoomMixin);\n  Factory.registerInteraction(ViewZoom.type, ViewZoom);\n};\n\nexport const registerViewScroll = () => {\n  mixin(ViewScroll, ViewScrollMixin);\n  Factory.registerInteraction(ViewScroll.type, ViewScroll);\n};\n\nexport const registerViewDrag = () => {\n  mixin(ViewDrag, ViewDragMixin);\n  Factory.registerInteraction(ViewDrag.type, ViewDrag);\n};\n\nexport const registerViewRoam = () => {\n  mixin(ViewRoam, ViewZoomMixin);\n  mixin(ViewRoam, ViewDragMixin);\n  mixin(ViewRoam, ViewScrollMixin);\n  Factory.registerInteraction(ViewRoam.type, ViewRoam);\n};\n\nexport const registerFishEye = () => {\n  Factory.registerInteraction(FishEye.type, FishEye);\n};\n"]}

package/es/interactions/legend-filter.d.ts

@@ -0,0 +1,13 @@
+import type { DataFilterOptions, IView, InteractionEvent } from '../types';
+import { Filter } from './filter';
+export declare class LegendFilter extends Filter {
+    static type: string;
+    type: string;
+    static defaultOptions: Omit<DataFilterOptions, 'target'>;
+    options: DataFilterOptions;
+    constructor(view: IView, options?: DataFilterOptions);
+    protected getEvents(): {
+        type: string;
+        handler: (event?: InteractionEvent) => void;
+    }[];
+}

package/es/interactions/legend-filter.js

@@ -0,0 +1,32 @@
+import { LegendEvent } from "@visactor/vrender-components";
+
+import { DataFilterRank, GrammarMarkType } from "../graph";
+
+import { isString } from "@visactor/vutils";
+
+import { Filter } from "./filter";
+
+export class LegendFilter extends Filter {
+    constructor(view, options) {
+        super(view, options), this.type = LegendFilter.type, this.options = Object.assign({}, LegendFilter.defaultOptions, options), 
+        this._marks = view.getMarksBySelector(this.options.source).filter((mark => mark.markType === GrammarMarkType.component && "legend" === mark.componentType)), 
+        this._data = isString(this.options.target.data) ? view.getDataById(this.options.target.data) : this.options.target.data;
+    }
+    getEvents() {
+        if (!this._marks || 0 === this._marks.length) return [];
+        const legend = this._marks[0];
+        if (!this._data || !legend) return [];
+        const isContinuous = legend.isContinuousLegend(), filter = this.options.target.filter, transform = this.options.target.transform, dataFilter = isString(filter) ? isContinuous ? (datum, filterValue) => datum[filter] >= filterValue.start && datum[filter] <= filterValue.end : (datum, filterValue) => filterValue.includes(datum[filter]) : filter;
+        this._filterData(this._data, legend, DataFilterRank.legend, (event => isContinuous ? {
+            start: event.detail.value[0],
+            end: event.detail.value[1]
+        } : event.detail.currentSelected), dataFilter, transform);
+        return [ {
+            type: isContinuous ? "change" : LegendEvent.legendItemClick,
+            handler: this.handleFilter
+        } ];
+    }
+}
+
+LegendFilter.type = "legend-filter", LegendFilter.defaultOptions = {};
+//# sourceMappingURL=legend-filter.js.map

package/es/interactions/legend-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/legend-filter.ts"],"names":[],"mappings":"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","file":"legend-filter.js","sourcesContent":["import { LegendEvent } from '@visactor/vrender-components';\nimport type { DataFilterOptions, IComponent, ILegend, IView, InteractionEvent } from '../types';\nimport { DataFilterRank, GrammarMarkType } from '../graph';\nimport { isString } from '@visactor/vutils';\nimport { Filter } from './filter';\n\nexport class LegendFilter extends Filter {\n  static type: string = 'legend-filter';\n  type: string = LegendFilter.type;\n\n  static defaultOptions: Omit<DataFilterOptions, 'target'> = {};\n  options: DataFilterOptions;\n\n  constructor(view: IView, options?: DataFilterOptions) {\n    super(view, options);\n    this.options = Object.assign({}, LegendFilter.defaultOptions, options);\n\n    this._marks = view\n      .getMarksBySelector(this.options.source)\n      .filter(mark => mark.markType === GrammarMarkType.component && (mark as IComponent).componentType === 'legend');\n    this._data = isString(this.options.target.data)\n      ? view.getDataById(this.options.target.data)\n      : this.options.target.data;\n  }\n\n  protected getEvents() {\n    if (!this._marks || this._marks.length === 0) {\n      return [];\n    }\n\n    const legend = this._marks[0] as ILegend;\n\n    if (!this._data || !legend) {\n      return [];\n    }\n\n    const isContinuous = legend.isContinuousLegend();\n    const filter = this.options.target.filter;\n    const transform = this.options.target.transform;\n\n    const getFilterValue = (event: InteractionEvent) =>\n      isContinuous ? { start: event.detail.value[0], end: event.detail.value[1] } : event.detail.currentSelected;\n    const dataFilter = isString(filter)\n      ? isContinuous\n        ? (datum: any, filterValue: { start: number; end: number }) =>\n            datum[filter] >= filterValue.start && datum[filter] <= filterValue.end\n        : (datum: any, filterValue: any[]) => filterValue.includes(datum[filter])\n      : filter;\n\n    this._filterData(this._data, legend, DataFilterRank.legend, getFilterValue, dataFilter, transform);\n\n    const eventName = isContinuous ? 'change' : LegendEvent.legendItemClick;\n    return [\n      {\n        type: eventName,\n        handler: this.handleFilter\n      }\n    ];\n  }\n}\n"]}

package/es/interactions/player-filter.d.ts

@@ -0,0 +1,14 @@
+import type { DataFilterOptions, IView } from '../types';
+import { Filter } from './filter';
+import { PlayerEventEnum } from '@visactor/vrender-components';
+export declare class PlayerFilter extends Filter {
+    static type: string;
+    type: string;
+    static defaultOptions: Omit<DataFilterOptions, 'target'>;
+    options: DataFilterOptions;
+    constructor(view: IView, options?: DataFilterOptions);
+    protected getEvents(): {
+        type: PlayerEventEnum;
+        handler: (event?: import("../types").InteractionEvent) => void;
+    }[];
+}

package/es/interactions/player-filter.js

@@ -0,0 +1,32 @@
+import { DataFilterRank, GrammarMarkType } from "../graph";
+
+import { isString } from "@visactor/vutils";
+
+import { Filter } from "./filter";
+
+import { PlayerEventEnum } from "@visactor/vrender-components";
+
+export class PlayerFilter extends Filter {
+    constructor(view, options) {
+        super(view, options), this.type = PlayerFilter.type, this.options = Object.assign({}, PlayerFilter.defaultOptions, options), 
+        this._marks = view.getMarksBySelector(this.options.source).filter((mark => mark.markType === GrammarMarkType.component && "player" === mark.componentType)), 
+        this._data = isString(this.options.target.data) ? view.getDataById(this.options.target.data) : this.options.target.data;
+    }
+    getEvents() {
+        if (!this._marks || 0 === this._marks.length) return [];
+        const player = this._marks[0];
+        if (!this._data || !player) return [];
+        const transform = this.options.target.transform;
+        return this._filterData(this._data, player, DataFilterRank.player, (event => ({
+            index: event.detail.index,
+            value: event.detail.value
+        })), void 0, ((data, filterValue) => transform ? transform(data, filterValue) : filterValue.value)), 
+        [ {
+            type: PlayerEventEnum.OnChange,
+            handler: this.handleFilter
+        } ];
+    }
+}
+
+PlayerFilter.type = "player-filter", PlayerFilter.defaultOptions = {};
+//# sourceMappingURL=player-filter.js.map

package/es/interactions/player-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/player-filter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,OAAO,YAAa,SAAQ,MAAM;IAOtC,YAAY,IAAW,EAAE,OAA2B;QAClD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QANvB,SAAI,GAAW,YAAY,CAAC,IAAI,CAAC;QAO/B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QAEvE,IAAI,CAAC,MAAM,GAAG,IAAI;aACf,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;aACvC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,eAAe,CAAC,SAAS,IAAK,IAAmB,CAAC,aAAa,KAAK,QAAQ,CAAC,CAAC;QAClH,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;YAC7C,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;IAC/B,CAAC;IAES,SAAS;QACjB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YAC5C,OAAO,EAAE,CAAC;SACX;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAY,CAAC;QAEzC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE;YAC1B,OAAO,EAAE,CAAC;SACX;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC;QAEhD,MAAM,cAAc,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QAClG,MAAM,aAAa,GAAG,CAAC,IAAW,EAAE,WAA8B,EAAE,EAAE;YACpE,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;QACtE,CAAC,CAAC;QAEF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;QAEtG,OAAO;YACL;gBACE,IAAI,EAAE,eAAe,CAAC,QAAQ;gBAC9B,OAAO,EAAE,IAAI,CAAC,YAAY;aAC3B;SACF,CAAC;IACJ,CAAC;;AA5CM,iBAAI,GAAW,eAAe,CAAC;AAG/B,2BAAc,GAAsC,EAAE,CAAC","file":"player-filter.js","sourcesContent":["import type { DataFilterOptions, IComponent, IPlayer, IView, PlayerFilterValue } from '../types';\nimport { DataFilterRank, GrammarMarkType } from '../graph';\nimport { isString } from '@visactor/vutils';\nimport { Filter } from './filter';\nimport { PlayerEventEnum } from '@visactor/vrender-components';\n\nexport class PlayerFilter extends Filter {\n  static type: string = 'player-filter';\n  type: string = PlayerFilter.type;\n\n  static defaultOptions: Omit<DataFilterOptions, 'target'> = {};\n  options: DataFilterOptions;\n\n  constructor(view: IView, options?: DataFilterOptions) {\n    super(view, options);\n    this.options = Object.assign({}, PlayerFilter.defaultOptions, options);\n\n    this._marks = view\n      .getMarksBySelector(this.options.source)\n      .filter(mark => mark.markType === GrammarMarkType.component && (mark as IComponent).componentType === 'player');\n    this._data = isString(this.options.target.data)\n      ? view.getDataById(this.options.target.data)\n      : this.options.target.data;\n  }\n\n  protected getEvents() {\n    if (!this._marks || this._marks.length === 0) {\n      return [];\n    }\n\n    const player = this._marks[0] as IPlayer;\n\n    if (!this._data || !player) {\n      return [];\n    }\n\n    const transform = this.options.target.transform;\n\n    const getFilterValue = (event: any) => ({ index: event.detail.index, value: event.detail.value });\n    const dataTransform = (data: any[], filterValue: PlayerFilterValue) => {\n      return transform ? transform(data, filterValue) : filterValue.value;\n    };\n\n    this._filterData(this._data, player, DataFilterRank.player, getFilterValue, undefined, dataTransform);\n\n    return [\n      {\n        type: PlayerEventEnum.OnChange,\n        handler: this.handleFilter\n      }\n    ];\n  }\n}\n"]}

package/es/interactions/roll-up.d.ts

@@ -0,0 +1,16 @@
+import type { EventType, IView, InteractionEvent, RollUpOptions } from '../types';
+import { Filter } from './filter';
+export declare class RollUp extends Filter {
+    static type: string;
+    type: string;
+    static defaultOptions: Omit<RollUpOptions, 'target'>;
+    options: RollUpOptions;
+    protected _isToggle: boolean;
+    constructor(view: IView, options?: RollUpOptions);
+    protected getEvents(): {
+        type: EventType;
+        handler: (event: InteractionEvent) => void;
+    }[];
+    protected handleStart: (event: InteractionEvent) => void;
+    protected handleReset: (event: InteractionEvent) => void;
+}

package/es/interactions/roll-up.js

@@ -0,0 +1,45 @@
+import { DataFilterRank } from "../graph";
+
+import { isArray, isString } from "@visactor/vutils";
+
+import { Filter } from "./filter";
+
+export class RollUp extends Filter {
+    constructor(view, options) {
+        super(view, options), this.type = RollUp.type, this._isToggle = !1, this.handleStart = event => {
+            var _a, _b;
+            const element = event.element;
+            if (element && this._marks && this._marks.includes(element.mark)) {
+                const filterValue = null === (_b = null === (_a = event.element) || void 0 === _a ? void 0 : _a.getDatum) || void 0 === _b ? void 0 : _b.call(_a);
+                filterValue === this._filterData || isArray(filterValue) && isArray(this._filterValue) && filterValue.length === this._filterValue.length && filterValue.every((datum => !this._filterValue.includes(datum))) ? this._isToggle && (this._filterValue = null, 
+                this.handleFilter(event)) : this.handleFilter(event);
+            }
+        }, this.handleReset = event => {
+            this._filterValue && (this._filterValue = null, this.handleFilter(event));
+        }, this.options = Object.assign({}, RollUp.defaultOptions, options), this._marks = view.getMarksBySelector(this.options.source), 
+        this._data = isString(this.options.target.data) ? view.getDataById(this.options.target.data) : this.options.target.data;
+    }
+    getEvents() {
+        if (!this._marks || 0 === this._marks.length) return [];
+        if (!this._data) return [];
+        const transform = this.options.target.transform;
+        this._filterData(this._data, null, DataFilterRank.rollUp, (event => {
+            var _a, _b;
+            return null === (_b = null === (_a = null == event ? void 0 : event.element) || void 0 === _a ? void 0 : _a.getDatum) || void 0 === _b ? void 0 : _b.call(_a);
+        }), void 0, ((data, filterValue) => transform(data, filterValue)));
+        const events = [ {
+            type: this.options.trigger,
+            handler: this.handleStart
+        } ], eventName = "empty" === this.options.resetTrigger ? this.options.trigger : this.options.resetTrigger.includes("view:") ? this.options.resetTrigger.replace("view:", "") : this.options.resetTrigger;
+        return eventName !== this.options.trigger ? (events.push({
+            type: eventName,
+            handler: this.handleReset
+        }), this._isToggle = !1) : this._isToggle = !0, events;
+    }
+}
+
+RollUp.type = "roll-up", RollUp.defaultOptions = {
+    trigger: "click",
+    resetTrigger: "empty"
+};
+//# sourceMappingURL=roll-up.js.map

package/es/interactions/roll-up.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/roll-up.ts"],"names":[],"mappings":"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","file":"roll-up.js","sourcesContent":["import type { EventType, IView, InteractionEvent, RollUpOptions } from '../types';\nimport { DataFilterRank } from '../graph';\nimport { isArray, isString } from '@visactor/vutils';\nimport { Filter } from './filter';\n\nexport class RollUp extends Filter {\n  static type: string = 'roll-up';\n  type: string = RollUp.type;\n\n  static defaultOptions: Omit<RollUpOptions, 'target'> = {\n    trigger: 'click',\n    resetTrigger: 'empty'\n  };\n  options: RollUpOptions;\n\n  protected _isToggle: boolean = false;\n\n  constructor(view: IView, options?: RollUpOptions) {\n    super(view, options);\n    this.options = Object.assign({}, RollUp.defaultOptions, options);\n\n    this._marks = view.getMarksBySelector(this.options.source);\n    this._data = isString(this.options.target.data)\n      ? view.getDataById(this.options.target.data)\n      : this.options.target.data;\n  }\n\n  protected getEvents() {\n    if (!this._marks || this._marks.length === 0) {\n      return [];\n    }\n\n    if (!this._data) {\n      return [];\n    }\n\n    const transform = this.options.target.transform;\n\n    const getFilterValue = (event: InteractionEvent) => event?.element?.getDatum?.();\n    const dataTransform = (data: any[], filterValue: any) => {\n      return transform(data, filterValue);\n    };\n\n    this._filterData(this._data, null, DataFilterRank.rollUp, getFilterValue, undefined, dataTransform);\n\n    const events = [\n      {\n        type: this.options.trigger,\n        handler: this.handleStart\n      }\n    ];\n\n    const eventName =\n      this.options.resetTrigger === 'empty'\n        ? this.options.trigger\n        : this.options.resetTrigger.includes('view:')\n        ? this.options.resetTrigger.replace('view:', '')\n        : this.options.resetTrigger;\n\n    if (eventName !== this.options.trigger) {\n      events.push({\n        type: eventName as EventType,\n        handler: this.handleReset\n      });\n      this._isToggle = false;\n    } else {\n      this._isToggle = true;\n    }\n\n    return events;\n  }\n\n  protected handleStart = (event: InteractionEvent) => {\n    const element = event.element;\n    if (element && this._marks && this._marks.includes(element.mark)) {\n      const filterValue = event.element?.getDatum?.();\n\n      const isEqualFilterValue =\n        filterValue === this._filterData ||\n        (isArray(filterValue) &&\n          isArray(this._filterValue) &&\n          filterValue.length === this._filterValue.length &&\n          filterValue.every(datum => !this._filterValue.includes(datum)));\n\n      if (isEqualFilterValue) {\n        // reset filter value when toggle is enabled\n        if (this._isToggle) {\n          this._filterValue = null;\n          this.handleFilter(event);\n        }\n      } else {\n        this.handleFilter(event);\n      }\n    }\n  };\n\n  protected handleReset = (event: InteractionEvent) => {\n    if (this._filterValue) {\n      this._filterValue = null;\n      this.handleFilter(event);\n    }\n  };\n}\n"]}

package/es/interactions/scrollbar-filter.d.ts

@@ -0,0 +1,13 @@
+import type { DataFilterOptions, IView } from '../types';
+import { Filter } from './filter';
+export declare class ScrollbarFilter extends Filter {
+    static type: string;
+    type: string;
+    static defaultOptions: Omit<DataFilterOptions, 'target'>;
+    options: DataFilterOptions;
+    constructor(view: IView, options?: DataFilterOptions);
+    protected getEvents(): {
+        type: string;
+        handler: (event?: import("../types").InteractionEvent) => void;
+    }[];
+}

package/es/interactions/scrollbar-filter.js

@@ -0,0 +1,50 @@
+import { DataFilterRank, GrammarMarkType } from "../graph";
+
+import { isString } from "@visactor/vutils";
+
+import { Filter } from "./filter";
+
+export class ScrollbarFilter extends Filter {
+    constructor(view, options) {
+        super(view, options), this.type = ScrollbarFilter.type, this.options = Object.assign({}, ScrollbarFilter.defaultOptions, options), 
+        this._marks = view.getMarksBySelector(this.options.source).filter((mark => mark.markType === GrammarMarkType.component && "scrollbar" === mark.componentType)), 
+        this._data = isString(this.options.target.data) ? view.getDataById(this.options.target.data) : this.options.target.data;
+    }
+    getEvents() {
+        if (!this._marks || 0 === this._marks.length) return [];
+        const scrollbar = this._marks[0];
+        if (!this._data || !scrollbar) return [];
+        const filter = this.options.target.filter, transform = this.options.target.transform, dataFilter = isString(filter) ? (datum, filterValue) => {
+            const scale = scrollbar.getScale().getScale(), range = scale.range(), datumRatio = (scale.scale(datum[filter]) - range[0]) / (range[range.length - 1] - range[0]);
+            return filterValue.startRatio <= datumRatio && filterValue.endRatio >= datumRatio;
+        } : filter;
+        return this._filterData(this._data, scrollbar, DataFilterRank.scrollbar, (event => {
+            if (isString(filter)) {
+                const range = event.detail.value, scaleGrammar = scrollbar.getScale();
+                if (scaleGrammar) {
+                    const scale = scaleGrammar.getScale(), scaleRange = scale.range();
+                    return {
+                        start: scale.invert(range[0] * (scaleRange[1] - scaleRange[0]) + scaleRange[0]),
+                        end: scale.invert(range[1] * (scaleRange[1] - scaleRange[0]) + scaleRange[0]),
+                        startRatio: range[0],
+                        endRatio: range[1]
+                    };
+                }
+                return {
+                    startRatio: range[0],
+                    endRatio: range[1]
+                };
+            }
+            return {
+                startRatio: event.detail.value[0],
+                endRatio: event.detail.value[1]
+            };
+        }), dataFilter, transform), [ {
+            type: "scroll",
+            handler: this.handleFilter
+        } ];
+    }
+}
+
+ScrollbarFilter.type = "scrollbar-filter", ScrollbarFilter.defaultOptions = {};
+//# sourceMappingURL=scrollbar-filter.js.map

package/es/interactions/scrollbar-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/scrollbar-filter.ts"],"names":[],"mappings":"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","file":"scrollbar-filter.js","sourcesContent":["import type { DataFilterOptions, IComponent, IScrollbar, IView, ScrollbarFilterValue } from '../types';\nimport { DataFilterRank, GrammarMarkType } from '../graph';\nimport { isString } from '@visactor/vutils';\nimport { Filter } from './filter';\n\nexport class ScrollbarFilter extends Filter {\n  static type: string = 'scrollbar-filter';\n  type: string = ScrollbarFilter.type;\n\n  static defaultOptions: Omit<DataFilterOptions, 'target'> = {};\n  options: DataFilterOptions;\n\n  constructor(view: IView, options?: DataFilterOptions) {\n    super(view, options);\n    this.options = Object.assign({}, ScrollbarFilter.defaultOptions, options);\n\n    this._marks = view\n      .getMarksBySelector(this.options.source)\n      .filter(\n        mark => mark.markType === GrammarMarkType.component && (mark as IComponent).componentType === 'scrollbar'\n      );\n    this._data = isString(this.options.target.data)\n      ? view.getDataById(this.options.target.data)\n      : this.options.target.data;\n  }\n\n  protected getEvents() {\n    if (!this._marks || this._marks.length === 0) {\n      return [];\n    }\n\n    const scrollbar = this._marks[0] as IScrollbar;\n\n    if (!this._data || !scrollbar) {\n      return [];\n    }\n\n    const filter = this.options.target.filter;\n    const transform = this.options.target.transform;\n\n    const getFilterValue = (event: any) => {\n      if (isString(filter)) {\n        const range = event.detail.value;\n        const scaleGrammar = scrollbar.getScale();\n        if (scaleGrammar) {\n          const scale = scaleGrammar.getScale();\n          const scaleRange = scale.range();\n          const start = scale.invert(range[0] * (scaleRange[1] - scaleRange[0]) + scaleRange[0]);\n          const end = scale.invert(range[1] * (scaleRange[1] - scaleRange[0]) + scaleRange[0]);\n          return { start, end, startRatio: range[0], endRatio: range[1] };\n        }\n        return { startRatio: range[0], endRatio: range[1] };\n      }\n      return { startRatio: event.detail.value[0], endRatio: event.detail.value[1] };\n    };\n    const dataFilter = isString(filter)\n      ? (datum: any, filterValue: ScrollbarFilterValue) => {\n          const scaleGrammar = scrollbar.getScale();\n          const scale = scaleGrammar.getScale();\n          const range = scale.range();\n          const datumRatio = (scale.scale(datum[filter]) - range[0]) / (range[range.length - 1] - range[0]);\n          return filterValue.startRatio <= datumRatio && filterValue.endRatio >= datumRatio;\n        }\n      : filter;\n\n    this._filterData(this._data, scrollbar, DataFilterRank.scrollbar, getFilterValue, dataFilter, transform);\n\n    return [\n      {\n        type: 'scroll',\n        handler: this.handleFilter\n      }\n    ];\n  }\n}\n"]}

package/es/interactions/slider-filter.d.ts

@@ -0,0 +1,13 @@
+import type { DataFilterOptions, IView } from '../types';
+import { Filter } from './filter';
+export declare class SliderFilter extends Filter {
+    static type: string;
+    type: string;
+    static defaultOptions: Omit<DataFilterOptions, 'target'>;
+    options: DataFilterOptions;
+    constructor(view: IView, options?: DataFilterOptions);
+    protected getEvents(): {
+        type: string;
+        handler: (event?: import("../types").InteractionEvent) => void;
+    }[];
+}

package/es/interactions/slider-filter.js

@@ -0,0 +1,29 @@
+import { DataFilterRank, GrammarMarkType } from "../graph";
+
+import { isString } from "@visactor/vutils";
+
+import { Filter } from "./filter";
+
+export class SliderFilter extends Filter {
+    constructor(view, options) {
+        super(view, options), this.type = SliderFilter.type, this.options = Object.assign({}, SliderFilter.defaultOptions, options), 
+        this._marks = view.getMarksBySelector(this.options.source).filter((mark => mark.markType === GrammarMarkType.component && "slider" === mark.componentType)), 
+        this._data = isString(this.options.target.data) ? view.getDataById(this.options.target.data) : this.options.target.data;
+    }
+    getEvents() {
+        if (!this._marks || 0 === this._marks.length) return [];
+        const slider = this._marks[0];
+        if (!this._data || !slider) return [];
+        const filter = this.options.target.filter, transform = this.options.target.transform, dataFilter = isString(filter) ? (datum, filterValue) => datum[filter] >= filterValue.start && datum[filter] <= filterValue.end : filter;
+        return this._filterData(this._data, slider, DataFilterRank.slider, (event => ({
+            start: event.detail.value[0],
+            end: event.detail.value[1]
+        })), dataFilter, transform), [ {
+            type: "change",
+            handler: this.handleFilter
+        } ];
+    }
+}
+
+SliderFilter.type = "slider-filter", SliderFilter.defaultOptions = {};
+//# sourceMappingURL=slider-filter.js.map

package/es/interactions/slider-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/slider-filter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,OAAO,YAAa,SAAQ,MAAM;IAOtC,YAAY,IAAW,EAAE,OAA2B;QAClD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QANvB,SAAI,GAAW,YAAY,CAAC,IAAI,CAAC;QAO/B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QAEvE,IAAI,CAAC,MAAM,GAAG,IAAI;aACf,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;aACvC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,eAAe,CAAC,SAAS,IAAK,IAAmB,CAAC,aAAa,KAAK,QAAQ,CAAC,CAAC;QAClH,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;YAC7C,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;IAC/B,CAAC;IAES,SAAS;QACjB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YAC5C,OAAO,EAAE,CAAC;SACX;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAY,CAAC;QAEzC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE;YAC1B,OAAO,EAAE,CAAC;SACX;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;QAC1C,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC;QAEhD,MAAM,cAAc,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACtG,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC;YACjC,CAAC,CAAC,CAAC,KAAU,EAAE,WAA8B,EAAE,EAAE,CAC7C,KAAK,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,GAAG;YAC1E,CAAC,CAAC,MAAM,CAAC;QAEX,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;QAEnG,OAAO;YACL;gBACE,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,IAAI,CAAC,YAAY;aAC3B;SACF,CAAC;IACJ,CAAC;;AA9CM,iBAAI,GAAW,eAAe,CAAC;AAG/B,2BAAc,GAAsC,EAAE,CAAC","file":"slider-filter.js","sourcesContent":["import type { DataFilterOptions, IComponent, ISlider, IView, SliderFilterValue } from '../types';\nimport { DataFilterRank, GrammarMarkType } from '../graph';\nimport { isString } from '@visactor/vutils';\nimport { Filter } from './filter';\n\nexport class SliderFilter extends Filter {\n  static type: string = 'slider-filter';\n  type: string = SliderFilter.type;\n\n  static defaultOptions: Omit<DataFilterOptions, 'target'> = {};\n  options: DataFilterOptions;\n\n  constructor(view: IView, options?: DataFilterOptions) {\n    super(view, options);\n    this.options = Object.assign({}, SliderFilter.defaultOptions, options);\n\n    this._marks = view\n      .getMarksBySelector(this.options.source)\n      .filter(mark => mark.markType === GrammarMarkType.component && (mark as IComponent).componentType === 'slider');\n    this._data = isString(this.options.target.data)\n      ? view.getDataById(this.options.target.data)\n      : this.options.target.data;\n  }\n\n  protected getEvents() {\n    if (!this._marks || this._marks.length === 0) {\n      return [];\n    }\n\n    const slider = this._marks[0] as ISlider;\n\n    if (!this._data || !slider) {\n      return [];\n    }\n\n    const filter = this.options.target.filter;\n    const transform = this.options.target.transform;\n\n    const getFilterValue = (event: any) => ({ start: event.detail.value[0], end: event.detail.value[1] });\n    const dataFilter = isString(filter)\n      ? (datum: any, filterValue: SliderFilterValue) =>\n          datum[filter] >= filterValue.start && datum[filter] <= filterValue.end\n      : filter;\n\n    this._filterData(this._data, slider, DataFilterRank.slider, getFilterValue, dataFilter, transform);\n\n    return [\n      {\n        type: 'change',\n        handler: this.handleFilter\n      }\n    ];\n  }\n}\n"]}

package/es/interactions/tooltip.d.ts

@@ -0,0 +1,15 @@
+import type { IElement, IView, InteractionEventHandler, TooltipOptions } from '../types';
+import { BaseTooltip } from './base-tooltip';
+export declare class Tooltip extends BaseTooltip<TooltipOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Omit<TooltipOptions, 'target'>;
+    protected _lastElement: IElement;
+    constructor(view: IView, options?: TooltipOptions);
+    protected getEvents(): {
+        type: import("../types").EventType;
+        handler: InteractionEventHandler;
+    }[];
+    protected handleTooltipShow: InteractionEventHandler;
+    protected handleTooltipHide: (event: any) => void;
+}

package/es/interactions/tooltip.js

@@ -0,0 +1,58 @@
+import { AABBBounds, throttle } from "@visactor/vutils";
+
+import { BaseTooltip, generateTooltipAttributes } from "./base-tooltip";
+
+import { invokeFunctionType } from "../parse/util";
+
+export class Tooltip extends BaseTooltip {
+    constructor(view, options) {
+        super(view, options), this.type = Tooltip.type, this.handleTooltipShow = throttle((event => {
+            const element = event.element;
+            if (!this._marks.includes(null == element ? void 0 : element.mark)) return void this._tooltipComponent.hideAll();
+            this._tooltipComponent.showAll();
+            const groupGraphicItem = this.view.rootMark.getGroupGraphicItem(), point = {
+                x: 0,
+                y: 0
+            };
+            if (groupGraphicItem.globalTransMatrix.transformPoint(event.canvas, point), element === this._lastElement) return void this._tooltipComponent.setAttributes({
+                pointerX: point.x,
+                pointerY: point.y
+            });
+            const boundsStart = {
+                x: 0,
+                y: 0
+            };
+            groupGraphicItem.globalTransMatrix.transformPoint({
+                x: 0,
+                y: 0
+            }, boundsStart);
+            const boundsEnd = {
+                x: 0,
+                y: 0
+            };
+            groupGraphicItem.globalTransMatrix.transformPoint({
+                x: this.view.getSignalById("width").getValue(),
+                y: this.view.getSignalById("height").getValue()
+            }, boundsEnd);
+            const bounds = (new AABBBounds).set(boundsStart.x, boundsStart.y, boundsEnd.x, boundsEnd.y), {title: title, content: content} = this._computeTitleContent(element.getDatum()), theme = this.view.getCurrentTheme(), addition = invokeFunctionType(this.options.attributes, this.parameters(), element.getDatum()), attributes = generateTooltipAttributes(point, title, content, bounds, theme, addition);
+            this._tooltipComponent.setAttributes(attributes);
+        }), 10), this.handleTooltipHide = event => {
+            this._tooltipComponent.hideAll();
+        }, this.options = Object.assign({}, Tooltip.defaultOptions, options);
+    }
+    getEvents() {
+        return [ {
+            type: this.options.trigger,
+            handler: this.handleTooltipShow
+        }, {
+            type: this.options.resetTrigger,
+            handler: this.handleTooltipHide
+        } ];
+    }
+}
+
+Tooltip.type = "tooltip", Tooltip.defaultOptions = {
+    trigger: "pointermove",
+    resetTrigger: "pointerleave"
+};
+//# sourceMappingURL=tooltip.js.map

package/es/interactions/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/tooltip.ts"],"names":[],"mappings":"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","file":"tooltip.js","sourcesContent":["import { AABBBounds, throttle } from '@visactor/vutils';\nimport type { IElement, IView, InteractionEvent, InteractionEventHandler, TooltipOptions } from '../types';\nimport { BaseTooltip, generateTooltipAttributes } from './base-tooltip';\nimport { invokeFunctionType } from '../parse/util';\n\nexport class Tooltip extends BaseTooltip<TooltipOptions> {\n  static type: string = 'tooltip';\n  type: string = Tooltip.type;\n\n  static defaultOptions: Omit<TooltipOptions, 'target'> = {\n    trigger: 'pointermove',\n    resetTrigger: 'pointerleave'\n  };\n  protected _lastElement: IElement;\n\n  constructor(view: IView, options?: TooltipOptions) {\n    super(view, options);\n    this.options = Object.assign({}, Tooltip.defaultOptions, options);\n  }\n\n  protected getEvents() {\n    return [\n      { type: this.options.trigger, handler: this.handleTooltipShow },\n      { type: this.options.resetTrigger, handler: this.handleTooltipHide }\n    ];\n  }\n\n  protected handleTooltipShow = throttle((event: InteractionEvent) => {\n    const element = event.element;\n    if (!this._marks.includes(element?.mark)) {\n      this._tooltipComponent.hideAll();\n      return;\n    }\n\n    this._tooltipComponent.showAll();\n\n    const groupGraphicItem = this.view.rootMark.getGroupGraphicItem();\n    // FIXME: waiting for vRender to add transformed position to event\n    const point = { x: 0, y: 0 };\n    groupGraphicItem.globalTransMatrix.transformPoint(event.canvas, point);\n\n    if (element === this._lastElement) {\n      // only update pointer when element is not changed\n      this._tooltipComponent.setAttributes({ pointerX: point.x, pointerY: point.y } as any);\n      return;\n    }\n\n    const boundsStart = { x: 0, y: 0 };\n    groupGraphicItem.globalTransMatrix.transformPoint({ x: 0, y: 0 }, boundsStart);\n    const boundsEnd = { x: 0, y: 0 };\n    groupGraphicItem.globalTransMatrix.transformPoint(\n      {\n        x: this.view.getSignalById('width').getValue() as number,\n        y: this.view.getSignalById('height').getValue() as number\n      },\n      boundsEnd\n    );\n    const bounds = new AABBBounds().set(boundsStart.x, boundsStart.y, boundsEnd.x, boundsEnd.y);\n    const { title, content } = this._computeTitleContent(element.getDatum());\n    const theme = this.view.getCurrentTheme();\n    const addition = invokeFunctionType(this.options.attributes, this.parameters(), element.getDatum()) as any;\n    const attributes = generateTooltipAttributes(point, title, content, bounds, theme, addition);\n    this._tooltipComponent.setAttributes(attributes);\n  }, 10) as unknown as InteractionEventHandler;\n\n  protected handleTooltipHide = (event: any) => {\n    this._tooltipComponent.hideAll();\n  };\n}\n"]}

package/es/interactions/view-drag-mixin.d.ts

@@ -0,0 +1,22 @@
+import type { InteractionEvent, IViewDragMixin, ViewNavigationRange, ViewDragSimpleOptions, ViewStateByDim } from '../types';
+export declare class ViewDragMixin implements IViewDragMixin {
+    protected _pointerId: number;
+    protected _dragStart: {
+        x: number;
+        y: number;
+    };
+    protected _filterValueX: {
+        start: number;
+        end: number;
+    };
+    protected _filterValueY: {
+        start: number;
+        end: number;
+    };
+    protected _shouldTriggerDragByPointer(e: InteractionEvent): boolean;
+    protected _shouldStart(e: InteractionEvent): boolean;
+    protected _shouldUpdate(e: InteractionEvent): boolean;
+    handleDragStart(e: InteractionEvent, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, dragOptions?: ViewDragSimpleOptions): ViewNavigationRange;
+    handleDragUpdate(e: InteractionEvent, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, dragOptions?: ViewDragSimpleOptions): ViewNavigationRange;
+    handleDragEnd(e: InteractionEvent, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, dragOptions?: ViewDragSimpleOptions): ViewNavigationRange;
+}