@visactor/vgrammar-core 0.11.4 → 0.11.5-alpha.0

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.11.4";
+export declare const version = "0.11.5-alpha.0";
 export * from './graph';
 export * from './interactions';
 export { View } from './view';

package/cjs/index.js

@@ -18,7 +18,7 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.vglobal = exports.ThemeManager = exports.SIGNAL_VIEW_BOX = exports.SIGNAL_WIDTH = exports.SIGNAL_VIEW_WIDTH = exports.SIGNAL_VIEW_HEIGHT = exports.SIGNAL_PADDING = exports.SIGNAL_HEIGHT = exports.SIGNAL_AUTOFIT = exports.Factory = exports.GrammarBase = exports.invokeFunctionType = exports.parseFunctionType = exports.registerCoordinate = exports.Coordinate = exports.registerScale = exports.Scale = exports.View = exports.version = void 0, 
-exports.version = "0.11.4", __exportStar(require("./graph"), exports), __exportStar(require("./interactions"), exports);
+exports.version = "0.11.5-alpha.0", __exportStar(require("./graph"), exports), __exportStar(require("./interactions"), exports);
 
 var view_1 = require("./view");
 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,QAAQ,CAAC;AAEhC,0CAAwB;AAExB,iDAA+B;AAE/B,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,sCAAoD;AAA3C,8FAAA,KAAK,OAAA;AAAE,sGAAA,aAAa,OAAA;AAC7B,gDAAmE;AAA1D,wGAAA,UAAU,OAAA;AAAE,gHAAA,kBAAkB,OAAA;AACvC,qCAAqE;AAA5D,yGAAA,iBAAiB,OAAA;AAAE,0GAAA,kBAAkB,OAAA;AAC9C,oDAAkD;AAAzC,2GAAA,WAAW,OAAA;AACpB,8CAA4B;AAC5B,0CAAwB;AACxB,0CAAyC;AAAhC,kGAAA,OAAO,OAAA;AAChB,8CAQ0B;AAPxB,2GAAA,cAAc,OAAA;AACd,0GAAA,aAAa,OAAA;AACb,2GAAA,cAAc,OAAA;AACd,+GAAA,kBAAkB,OAAA;AAClB,8GAAA,iBAAiB,OAAA;AACjB,yGAAA,YAAY,OAAA;AACZ,4GAAA,eAAe,OAAA;AAGjB,uDAAqD;AAA5C,6GAAA,YAAY,OAAA;AAErB,0CAAwB;AACxB,8CAA4B;AAC5B,+CAA6B;AAC7B,8DAA4C;AAE5C,uDAAiD;AAAxC,uGAAA,OAAO,OAAA;AAChB,wCAAsB;AACtB,iDAA+B;AAC/B,wDAAsC;AACtC,4DAA0C;AAC1C,uDAAqC","file":"index.js","sourcesContent":["// -- Exports -----\nexport const version = \"0.11.4\";\n\nexport * from './graph';\n\nexport * from './interactions';\n\nexport { View } from './view';\nexport { Scale, registerScale } from './view/scale';\nexport { Coordinate, registerCoordinate } from './view/coordinate';\nexport { parseFunctionType, invokeFunctionType } from './parse/util';\nexport { GrammarBase } from './view/grammar-base';\nexport * from './util/text';\nexport * from './types';\nexport { Factory } from './core/factory';\nexport {\n  SIGNAL_AUTOFIT,\n  SIGNAL_HEIGHT,\n  SIGNAL_PADDING,\n  SIGNAL_VIEW_HEIGHT,\n  SIGNAL_VIEW_WIDTH,\n  SIGNAL_WIDTH,\n  SIGNAL_VIEW_BOX\n} from './view/constants';\n\nexport { ThemeManager } from './theme/theme-manager';\n\nexport * from './glyph';\nexport * from './component';\nexport * from './transforms';\nexport * from './graph/animation/animation';\n\nexport { vglobal } from '@visactor/vrender-core';\nexport * from './env';\nexport * from './interactions';\nexport * from './semantic-marks/cell';\nexport * from './semantic-marks/interval';\nexport * from './graph/mark/graphic';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,0CAAwB;AAExB,iDAA+B;AAE/B,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,sCAAoD;AAA3C,8FAAA,KAAK,OAAA;AAAE,sGAAA,aAAa,OAAA;AAC7B,gDAAmE;AAA1D,wGAAA,UAAU,OAAA;AAAE,gHAAA,kBAAkB,OAAA;AACvC,qCAAqE;AAA5D,yGAAA,iBAAiB,OAAA;AAAE,0GAAA,kBAAkB,OAAA;AAC9C,oDAAkD;AAAzC,2GAAA,WAAW,OAAA;AACpB,8CAA4B;AAC5B,0CAAwB;AACxB,0CAAyC;AAAhC,kGAAA,OAAO,OAAA;AAChB,8CAQ0B;AAPxB,2GAAA,cAAc,OAAA;AACd,0GAAA,aAAa,OAAA;AACb,2GAAA,cAAc,OAAA;AACd,+GAAA,kBAAkB,OAAA;AAClB,8GAAA,iBAAiB,OAAA;AACjB,yGAAA,YAAY,OAAA;AACZ,4GAAA,eAAe,OAAA;AAGjB,uDAAqD;AAA5C,6GAAA,YAAY,OAAA;AAErB,0CAAwB;AACxB,8CAA4B;AAC5B,+CAA6B;AAC7B,8DAA4C;AAE5C,uDAAiD;AAAxC,uGAAA,OAAO,OAAA;AAChB,wCAAsB;AACtB,iDAA+B;AAC/B,wDAAsC;AACtC,4DAA0C;AAC1C,uDAAqC","file":"index.js","sourcesContent":["// -- Exports -----\nexport const version = \"0.11.5-alpha.0\";\n\nexport * from './graph';\n\nexport * from './interactions';\n\nexport { View } from './view';\nexport { Scale, registerScale } from './view/scale';\nexport { Coordinate, registerCoordinate } from './view/coordinate';\nexport { parseFunctionType, invokeFunctionType } from './parse/util';\nexport { GrammarBase } from './view/grammar-base';\nexport * from './util/text';\nexport * from './types';\nexport { Factory } from './core/factory';\nexport {\n  SIGNAL_AUTOFIT,\n  SIGNAL_HEIGHT,\n  SIGNAL_PADDING,\n  SIGNAL_VIEW_HEIGHT,\n  SIGNAL_VIEW_WIDTH,\n  SIGNAL_WIDTH,\n  SIGNAL_VIEW_BOX\n} from './view/constants';\n\nexport { ThemeManager } from './theme/theme-manager';\n\nexport * from './glyph';\nexport * from './component';\nexport * from './transforms';\nexport * from './graph/animation/animation';\n\nexport { vglobal } from '@visactor/vrender-core';\nexport * from './env';\nexport * from './interactions';\nexport * from './semantic-marks/cell';\nexport * from './semantic-marks/interval';\nexport * from './graph/mark/graphic';\n"]}

package/cjs/interactions/element-highlight.d.ts

@@ -1,4 +1,4 @@
-import type { ElementHighlightOptions, IElement, IGlyphElement, IMark, IToggleStateMixin, IView, InteractionEvent } from '../types';
+import type { ElementHighlightOptions, EventType, IElement, IGlyphElement, IMark, IToggleStateMixin, IView, InteractionEvent } from '../types';
 import { BaseInteraction } from './base';
 export interface ElementHighlight extends IToggleStateMixin, BaseInteraction<ElementHighlightOptions> {
 }
@@ -11,9 +11,10 @@ export declare class ElementHighlight extends BaseInteraction<ElementHighlightOp
     protected _stateMarks: Record<string, IMark[]>;
     protected _lastElement?: IElement;
     protected _statedElements?: (IElement | IGlyphElement)[];
+    protected _resetType?: 'view' | 'self';
     constructor(view: IView, options?: ElementHighlightOptions);
     protected getEvents(): {
-        type: import("../types").EventType;
+        type: EventType;
         handler: (e: InteractionEvent) => void;
     }[];
     clearPrevElements(): void;

package/cjs/interactions/element-highlight.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.ElementHighlight = void 0;
 
-const enums_1 = require("../graph/enums"), base_1 = require("./base"), utils_1 = require("./utils");
+const enums_1 = require("../graph/enums"), base_1 = require("./base"), utils_1 = require("./utils"), vutils_1 = require("@visactor/vutils");
 
 class ElementHighlight extends base_1.BaseInteraction {
     constructor(view, options) {
@@ -12,32 +12,37 @@ class ElementHighlight extends base_1.BaseInteraction {
             if (e.element && this._marks && this._marks.includes(e.element.mark)) {
                 const {highlightState: highlightState, blurState: blurState} = this.options;
                 if (this._lastElement === e.element) return;
-                this._statedElements = [ e.element ], this.updateStates(highlightState, blurState), 
+                this._statedElements = this.updateStates([ e.element ], this._statedElements, highlightState, blurState), 
                 this._lastElement = e.element, this.dispatchEvent("start", {
                     elements: [ e.element ],
                     options: this.options
                 });
-            } else this._lastElement && this.clearPrevElements();
+            } else this._lastElement && "view" === this._resetType && this.clearPrevElements();
         }, this.handleReset = e => {
-            e.element && this._marks && this._marks.includes(e.element.mark) && this.clearPrevElements();
+            if (!this._statedElements || !this._statedElements.length) return;
+            const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);
+            "view" !== this._resetType || hasActiveElement ? "self" === this._resetType && hasActiveElement && this.clearPrevElements() : this.clearPrevElements();
         }, this.options = Object.assign({}, ElementHighlight.defaultOptions, options), this._marks = view.getMarksBySelector(this.options.selector), 
         this._stateMarks = (0, utils_1.groupMarksByState)(this._marks, [ this.options.highlightState, this.options.blurState ]);
     }
     getEvents() {
-        return [ {
+        const triggerOff = this.options.triggerOff, events = [ {
             type: this.options.trigger,
             handler: this.handleStart
-        }, {
-            type: this.options.triggerOff,
-            handler: this.handleReset
         } ];
+        let eventName = triggerOff;
+        return (0, vutils_1.isString)(triggerOff) && triggerOff.includes("view:") ? (eventName = triggerOff.replace("view:", ""), 
+        this._resetType = "view") : this._resetType = "self", events.push({
+            type: eventName,
+            handler: this.handleReset
+        }), events;
     }
     clearPrevElements() {
         const {highlightState: highlightState, blurState: blurState} = this.options;
         this._lastElement && (this.clearAllStates(highlightState, blurState), this.dispatchEvent("reset", {
             elements: [ this._lastElement ],
             options: this.options
-        }), this._lastElement = null);
+        }), this._lastElement = null, this._statedElements = null);
     }
 }
 

package/cjs/interactions/element-highlight.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interactions/element-highlight.ts"],"names":[],"mappings":"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","file":"element-highlight.js","sourcesContent":["import { InteractionStateEnum } from '../graph/enums';\nimport type {\n  ElementHighlightOptions,\n  IElement,\n  IGlyphElement,\n  IMark,\n  IToggleStateMixin,\n  IView,\n  InteractionEvent\n} from '../types';\nimport { BaseInteraction } from './base';\nimport { groupMarksByState } from './utils';\n\nexport interface ElementHighlight extends IToggleStateMixin, BaseInteraction<ElementHighlightOptions> {}\n\nexport class ElementHighlight extends BaseInteraction<ElementHighlightOptions> {\n  static type: string = 'element-highlight';\n  type: string = ElementHighlight.type;\n\n  static defaultOptions: ElementHighlightOptions = {\n    highlightState: InteractionStateEnum.highlight,\n    blurState: InteractionStateEnum.blur,\n    trigger: 'pointerover',\n    triggerOff: 'pointerout'\n  };\n  options: ElementHighlightOptions;\n  protected _marks?: IMark[];\n  protected _stateMarks: Record<string, IMark[]>;\n  protected _lastElement?: IElement;\n  protected _statedElements?: (IElement | IGlyphElement)[];\n\n  constructor(view: IView, options?: ElementHighlightOptions) {\n    super(view, options);\n    this.options = Object.assign({}, ElementHighlight.defaultOptions, options);\n\n    this._marks = view.getMarksBySelector(this.options.selector);\n    this._stateMarks = groupMarksByState(this._marks, [this.options.highlightState, this.options.blurState]);\n  }\n\n  protected getEvents() {\n    return [\n      {\n        type: this.options.trigger,\n        handler: this.handleStart\n      },\n      { type: this.options.triggerOff, handler: this.handleReset }\n    ];\n  }\n\n  clearPrevElements() {\n    const { highlightState, blurState } = this.options;\n\n    if (this._lastElement) {\n      this.clearAllStates(highlightState, blurState);\n\n      this.dispatchEvent('reset', { elements: [this._lastElement], options: this.options });\n\n      this._lastElement = null;\n    }\n  }\n\n  handleStart = (e: InteractionEvent) => {\n    if (e.element && this._marks && this._marks.includes(e.element.mark)) {\n      const { highlightState, blurState } = this.options;\n\n      if (this._lastElement === e.element) {\n        return;\n      }\n      this._statedElements = [e.element];\n\n      this.updateStates(highlightState, blurState);\n\n      this._lastElement = e.element;\n\n      this.dispatchEvent('start', { elements: [e.element], options: this.options });\n    } else if (this._lastElement) {\n      this.clearPrevElements();\n    }\n  };\n\n  handleReset = (e: InteractionEvent) => {\n    const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);\n\n    if (hasActiveElement) {\n      this.clearPrevElements();\n    }\n  };\n}\n"]}
+{"version":3,"sources":["../src/interactions/element-highlight.ts"],"names":[],"mappings":"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","file":"element-highlight.js","sourcesContent":["import { InteractionStateEnum } from '../graph/enums';\nimport type {\n  ElementHighlightOptions,\n  EventType,\n  IElement,\n  IGlyphElement,\n  IMark,\n  IToggleStateMixin,\n  IView,\n  InteractionEvent\n} from '../types';\nimport { BaseInteraction } from './base';\nimport { groupMarksByState } from './utils';\nimport { isString } from '@visactor/vutils';\n\nexport interface ElementHighlight extends IToggleStateMixin, BaseInteraction<ElementHighlightOptions> {}\n\nexport class ElementHighlight extends BaseInteraction<ElementHighlightOptions> {\n  static type: string = 'element-highlight';\n  type: string = ElementHighlight.type;\n\n  static defaultOptions: ElementHighlightOptions = {\n    highlightState: InteractionStateEnum.highlight,\n    blurState: InteractionStateEnum.blur,\n    trigger: 'pointerover',\n    triggerOff: 'pointerout'\n  };\n  options: ElementHighlightOptions;\n  protected _marks?: IMark[];\n  protected _stateMarks: Record<string, IMark[]>;\n  protected _lastElement?: IElement;\n  protected _statedElements?: (IElement | IGlyphElement)[];\n  protected _resetType?: 'view' | 'self';\n\n  constructor(view: IView, options?: ElementHighlightOptions) {\n    super(view, options);\n    this.options = Object.assign({}, ElementHighlight.defaultOptions, options);\n\n    this._marks = view.getMarksBySelector(this.options.selector);\n    this._stateMarks = groupMarksByState(this._marks, [this.options.highlightState, this.options.blurState]);\n  }\n\n  protected getEvents() {\n    const triggerOff = this.options.triggerOff;\n    const trigger = this.options.trigger;\n    const events = [\n      {\n        type: trigger,\n        handler: this.handleStart\n      }\n    ];\n\n    let eventName = triggerOff;\n    if (isString(triggerOff) && (triggerOff as string).includes('view:')) {\n      eventName = (triggerOff as string).replace('view:', '') as EventType;\n      this._resetType = 'view';\n    } else {\n      this._resetType = 'self';\n    }\n\n    events.push({ type: eventName as EventType, handler: this.handleReset });\n\n    return events;\n  }\n\n  clearPrevElements() {\n    const { highlightState, blurState } = this.options;\n\n    if (this._lastElement) {\n      this.clearAllStates(highlightState, blurState);\n\n      this.dispatchEvent('reset', { elements: [this._lastElement], options: this.options });\n\n      this._lastElement = null;\n\n      this._statedElements = null;\n    }\n  }\n\n  handleStart = (e: InteractionEvent) => {\n    if (e.element && this._marks && this._marks.includes(e.element.mark)) {\n      const { highlightState, blurState } = this.options;\n\n      if (this._lastElement === e.element) {\n        return;\n      }\n\n      this._statedElements = this.updateStates([e.element], this._statedElements, highlightState, blurState);\n\n      this._lastElement = e.element;\n\n      this.dispatchEvent('start', { elements: [e.element], options: this.options });\n    } else if (this._lastElement && this._resetType === 'view') {\n      this.clearPrevElements();\n    }\n  };\n\n  handleReset = (e: InteractionEvent) => {\n    if (!this._statedElements || !this._statedElements.length) {\n      return;\n    }\n\n    const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);\n\n    if (this._resetType === 'view' && !hasActiveElement) {\n      this.clearPrevElements();\n    } else if (this._resetType === 'self' && hasActiveElement) {\n      this.clearPrevElements();\n    }\n  };\n}\n"]}

package/cjs/interactions/element-select.js

@@ -17,19 +17,18 @@ class ElementSelect extends base_1.BaseInteraction {
             }), this._statedElements = []);
         }, this.handleStart = e => {
             const {state: state, reverseState: reverseState, isMultiple: isMultiple} = this.options;
-            e.element && this._marks && this._marks.includes(e.element.mark) ? e.element.hasState(state) ? "self" === this._resetType && (this._statedElements && (this._statedElements = this._statedElements.filter((el => el !== e.element))), 
-            this.updateStates(state, reverseState)) : (this._timer && clearTimeout(this._timer), 
-            e.element.addState(state), this._statedElements || (this._statedElements = []), 
-            isMultiple ? this._statedElements.push(e.element) : this._statedElements[0] = e.element, 
-            this.updateStates(state, reverseState), this.dispatchEvent("start", {
+            e.element && this._marks && this._marks.includes(e.element.mark) ? e.element.hasState(state) ? "self" === this._resetType && (this._statedElements = this.updateStates(this._statedElements && this._statedElements.filter((el => el !== e.element)), this._statedElements, state, reverseState)) : (this._timer && clearTimeout(this._timer), 
+            e.element.addState(state), this._statedElements = this.updateStates(isMultiple && this._statedElements ? [ ...this._statedElements, e.element ] : [ e.element ], this._statedElements, state, reverseState), 
+            this.dispatchEvent("start", {
                 elements: this._statedElements,
                 options: this.options
             }), "timeout" === this._resetType && (this._timer = setTimeout((() => {
                 this.clearPrevElements();
             }), this.options.triggerOff))) : "view" === this._resetType && this._statedElements && this._statedElements.length && this.clearPrevElements();
         }, this.handleReset = e => {
+            if (!this._statedElements || !this._statedElements.length) return;
             const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);
-            this._statedElements && this._statedElements.length && ("view" !== this._resetType || hasActiveElement ? "self" === this._resetType && hasActiveElement && this.clearPrevElements() : this.clearPrevElements());
+            "view" !== this._resetType || hasActiveElement ? "self" === this._resetType && hasActiveElement && this.clearPrevElements() : this.clearPrevElements();
         }, this.options = Object.assign({}, ElementSelect.defaultOptions, options), this._marks = view.getMarksBySelector(this.options.selector), 
         this._stateMarks = (0, utils_1.groupMarksByState)(this._marks, [ this.options.state, this.options.reverseState ]);
     }

package/cjs/interactions/element-select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interactions/element-select.ts"],"names":[],"mappings":"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","file":"element-select.js","sourcesContent":["import { isNumber, isString } from '@visactor/vutils';\nimport { InteractionStateEnum } from '../graph/enums';\nimport type {\n  ElementSelectOptions,\n  EventType,\n  IElement,\n  IGlyphElement,\n  IMark,\n  IToggleStateMixin,\n  IView,\n  InteractionEvent\n} from '../types';\nimport { BaseInteraction } from './base';\nimport { groupMarksByState } from './utils';\n\nexport interface ElementSelect extends IToggleStateMixin, BaseInteraction<ElementSelectOptions> {}\n\nexport class ElementSelect extends BaseInteraction<ElementSelectOptions> {\n  static type: string = 'element-select';\n  type: string = ElementSelect.type;\n\n  static defaultOptions: ElementSelectOptions = {\n    state: InteractionStateEnum.selected,\n    trigger: 'click'\n  };\n  protected _resetType?: 'view' | 'self' | 'timeout';\n  protected _marks?: IMark[];\n  protected _stateMarks: Record<string, IMark[]>;\n  private _timer?: number;\n  protected _statedElements?: (IElement | IGlyphElement)[];\n\n  constructor(view: IView, options?: ElementSelectOptions) {\n    super(view, options);\n    this.options = Object.assign({}, ElementSelect.defaultOptions, options);\n\n    this._marks = view.getMarksBySelector(this.options.selector);\n    this._stateMarks = groupMarksByState(this._marks, [this.options.state, this.options.reverseState]);\n  }\n\n  protected getEvents() {\n    const triggerOff = this.options.triggerOff;\n    const trigger = this.options.trigger;\n\n    const events = [\n      {\n        type: trigger,\n        handler: this.handleStart\n      }\n    ];\n\n    let eventName = triggerOff;\n\n    if (triggerOff === 'empty') {\n      eventName = trigger as EventType;\n\n      this._resetType = 'view';\n    } else if (isString(triggerOff)) {\n      if (triggerOff.includes('view:')) {\n        eventName = triggerOff.replace('view:', '') as EventType;\n\n        this._resetType = 'view';\n      } else {\n        eventName = triggerOff;\n\n        this._resetType = 'self';\n      }\n    } else if (isNumber(triggerOff)) {\n      eventName = null;\n      this._resetType = 'timeout';\n    } else {\n      this._resetType = null;\n    }\n\n    if (eventName && eventName !== trigger) {\n      events.push({ type: eventName as EventType, handler: this.handleReset });\n    }\n\n    return events;\n  }\n\n  clearPrevElements = () => {\n    const { state, reverseState } = this.options;\n\n    if (this._statedElements && this._statedElements.length) {\n      this.clearAllStates(state, reverseState);\n      this.dispatchEvent('reset', { elements: this._statedElements, options: this.options });\n\n      this._statedElements = [];\n    }\n  };\n\n  handleStart = (e: InteractionEvent) => {\n    const { state, reverseState, isMultiple } = this.options;\n\n    if (e.element && this._marks && this._marks.includes(e.element.mark)) {\n      if (e.element.hasState(state)) {\n        if (this._resetType === 'self') {\n          if (this._statedElements) {\n            this._statedElements = this._statedElements.filter(el => el !== e.element);\n          }\n\n          this.updateStates(state, reverseState);\n        }\n      } else {\n        if (this._timer) {\n          clearTimeout(this._timer);\n        }\n        e.element.addState(state);\n\n        if (!this._statedElements) {\n          this._statedElements = [];\n        }\n        if (isMultiple) {\n          this._statedElements.push(e.element);\n        } else {\n          this._statedElements[0] = e.element;\n        }\n        this.updateStates(state, reverseState);\n        this.dispatchEvent('start', { elements: this._statedElements, options: this.options });\n\n        if (this._resetType === 'timeout') {\n          this._timer = setTimeout(() => {\n            this.clearPrevElements();\n          }, this.options.triggerOff as number) as unknown as number;\n        }\n      }\n    } else if (this._resetType === 'view' && this._statedElements && this._statedElements.length) {\n      this.clearPrevElements();\n    }\n  };\n\n  handleReset = (e: InteractionEvent) => {\n    const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);\n\n    if (!this._statedElements || !this._statedElements.length) {\n      return;\n    }\n\n    if (this._resetType === 'view' && !hasActiveElement) {\n      this.clearPrevElements();\n    } else if (this._resetType === 'self' && hasActiveElement) {\n      this.clearPrevElements();\n    }\n  };\n}\n"]}
+{"version":3,"sources":["../src/interactions/element-select.ts"],"names":[],"mappings":"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","file":"element-select.js","sourcesContent":["import { isNumber, isString } from '@visactor/vutils';\nimport { InteractionStateEnum } from '../graph/enums';\nimport type {\n  ElementSelectOptions,\n  EventType,\n  IElement,\n  IGlyphElement,\n  IMark,\n  IToggleStateMixin,\n  IView,\n  InteractionEvent\n} from '../types';\nimport { BaseInteraction } from './base';\nimport { groupMarksByState } from './utils';\n\nexport interface ElementSelect extends IToggleStateMixin, BaseInteraction<ElementSelectOptions> {}\n\nexport class ElementSelect extends BaseInteraction<ElementSelectOptions> {\n  static type: string = 'element-select';\n  type: string = ElementSelect.type;\n\n  static defaultOptions: ElementSelectOptions = {\n    state: InteractionStateEnum.selected,\n    trigger: 'click'\n  };\n  protected _resetType?: 'view' | 'self' | 'timeout';\n  protected _marks?: IMark[];\n  protected _stateMarks: Record<string, IMark[]>;\n  private _timer?: number;\n  protected _statedElements?: (IElement | IGlyphElement)[];\n\n  constructor(view: IView, options?: ElementSelectOptions) {\n    super(view, options);\n    this.options = Object.assign({}, ElementSelect.defaultOptions, options);\n\n    this._marks = view.getMarksBySelector(this.options.selector);\n    this._stateMarks = groupMarksByState(this._marks, [this.options.state, this.options.reverseState]);\n  }\n\n  protected getEvents() {\n    const triggerOff = this.options.triggerOff;\n    const trigger = this.options.trigger;\n\n    const events = [\n      {\n        type: trigger,\n        handler: this.handleStart\n      }\n    ];\n\n    let eventName = triggerOff;\n\n    if (triggerOff === 'empty') {\n      eventName = trigger as EventType;\n\n      this._resetType = 'view';\n    } else if (isString(triggerOff)) {\n      if ((triggerOff as string).includes('view:')) {\n        eventName = (triggerOff as string).replace('view:', '') as EventType;\n\n        this._resetType = 'view';\n      } else {\n        eventName = triggerOff;\n\n        this._resetType = 'self';\n      }\n    } else if (isNumber(triggerOff)) {\n      eventName = null;\n      this._resetType = 'timeout';\n    } else {\n      this._resetType = null;\n    }\n\n    if (eventName && eventName !== trigger) {\n      events.push({ type: eventName as EventType, handler: this.handleReset });\n    }\n\n    return events;\n  }\n\n  clearPrevElements = () => {\n    const { state, reverseState } = this.options;\n\n    if (this._statedElements && this._statedElements.length) {\n      this.clearAllStates(state, reverseState);\n      this.dispatchEvent('reset', { elements: this._statedElements, options: this.options });\n\n      this._statedElements = [];\n    }\n  };\n\n  handleStart = (e: InteractionEvent) => {\n    const { state, reverseState, isMultiple } = this.options;\n\n    if (e.element && this._marks && this._marks.includes(e.element.mark)) {\n      if (e.element.hasState(state)) {\n        if (this._resetType === 'self') {\n          this._statedElements = this.updateStates(\n            this._statedElements && this._statedElements.filter(el => el !== e.element),\n            this._statedElements,\n            state,\n            reverseState\n          );\n        }\n      } else {\n        if (this._timer) {\n          clearTimeout(this._timer);\n        }\n        e.element.addState(state);\n\n        this._statedElements = this.updateStates(\n          isMultiple && this._statedElements ? [...this._statedElements, e.element] : [e.element],\n          this._statedElements,\n          state,\n          reverseState\n        );\n        this.dispatchEvent('start', { elements: this._statedElements, options: this.options });\n\n        if (this._resetType === 'timeout') {\n          this._timer = setTimeout(() => {\n            this.clearPrevElements();\n          }, this.options.triggerOff as number) as unknown as number;\n        }\n      }\n    } else if (this._resetType === 'view' && this._statedElements && this._statedElements.length) {\n      this.clearPrevElements();\n    }\n  };\n\n  handleReset = (e: InteractionEvent) => {\n    if (!this._statedElements || !this._statedElements.length) {\n      return;\n    }\n\n    const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);\n\n    if (this._resetType === 'view' && !hasActiveElement) {\n      this.clearPrevElements();\n    } else if (this._resetType === 'self' && hasActiveElement) {\n      this.clearPrevElements();\n    }\n  };\n}\n"]}

package/cjs/interactions/toggle-state-mixin.d.ts

@@ -3,6 +3,10 @@ export declare class ToggleStateMixin implements IToggleStateMixin {
     protected _statedElements?: (IElement | IGlyphElement)[];
     protected _marks?: IMark[];
     protected _stateMarks: Record<string, IMark[]>;
-    updateStates(state?: string, reverseState?: string): void;
+    updateStates(newStatedElements: (IElement | IGlyphElement)[], prevStatedElements?: (IElement | IGlyphElement)[], state?: string, reverseState?: string): (IGlyphElement<any> | IElement)[];
+    protected toggleReverseStateOfElements(newStatedElements: (IElement | IGlyphElement)[], prevStatedElements: (IElement | IGlyphElement)[], reverseState: string): void;
+    protected toggleStateOfElements(newStatedElements: (IElement | IGlyphElement)[], prevStatedElements: (IElement | IGlyphElement)[], state: string): void;
+    protected addBothStateOfElements(statedElements: (IElement | IGlyphElement)[], state: string, reverseState: string): void;
+    protected addStateOfElements(statedElements: (IElement | IGlyphElement)[], state: string): void;
     clearAllStates(state?: string, reverseState?: string): void;
 }

package/cjs/interactions/toggle-state-mixin.js

@@ -5,13 +5,38 @@ Object.defineProperty(exports, "__esModule", {
 }), exports.ToggleStateMixin = void 0;
 
 class ToggleStateMixin {
-    updateStates(state, reverseState) {
+    updateStates(newStatedElements, prevStatedElements, state, reverseState) {
+        return newStatedElements && newStatedElements.length ? (state && reverseState ? prevStatedElements && prevStatedElements.length ? (this.toggleReverseStateOfElements(newStatedElements, prevStatedElements, reverseState), 
+        this.toggleStateOfElements(newStatedElements, prevStatedElements, state)) : this.addBothStateOfElements(newStatedElements, state, reverseState) : state && (prevStatedElements && prevStatedElements.length ? this.toggleStateOfElements(newStatedElements, prevStatedElements, state) : this.addStateOfElements(newStatedElements, state)), 
+        newStatedElements) : null;
+    }
+    toggleReverseStateOfElements(newStatedElements, prevStatedElements, reverseState) {
+        prevStatedElements.forEach((element => {
+            reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(element.mark) && element.addState(reverseState);
+        })), newStatedElements.forEach((element => {
+            reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(element.mark) && element.removeState(reverseState);
+        }));
+    }
+    toggleStateOfElements(newStatedElements, prevStatedElements, state) {
+        prevStatedElements.forEach((element => {
+            state && this._stateMarks[state] && this._stateMarks[state].includes(element.mark) && element.removeState(state);
+        })), newStatedElements.forEach((element => {
+            state && this._stateMarks[state] && this._stateMarks[state].includes(element.mark) && element.addState(state);
+        }));
+    }
+    addBothStateOfElements(statedElements, state, reverseState) {
         this._marks.forEach((mark => {
             const hasReverse = reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark), hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(mark);
             (hasReverse || hasState) && mark.elements.forEach((el => {
-                this._statedElements && this._statedElements.includes(el) ? (hasState && el.addState(state), 
-                hasReverse && el.removeState(reverseState)) : (hasState && el.removeState(state), 
-                hasReverse && el.addState(reverseState));
+                statedElements && statedElements.includes(el) ? hasState && el.addState(state) : hasReverse && el.addState(reverseState);
+            }));
+        }));
+    }
+    addStateOfElements(statedElements, state) {
+        this._marks.forEach((mark => {
+            const hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(mark);
+            hasState && mark.elements.forEach((el => {
+                statedElements && statedElements.includes(el) && hasState && el.addState(state);
             }));
         }));
     }
@@ -20,7 +45,7 @@ class ToggleStateMixin {
             reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark) && mark.elements.forEach((el => {
                 el.removeState(reverseState);
             })), state && this._stateMarks[state] && this._stateMarks[state].includes(mark) && mark.elements.forEach((el => {
-                el.removeState(state);
+                this._statedElements.includes(el) && el.removeState(state);
             }));
         }));
     }

package/cjs/interactions/toggle-state-mixin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interactions/toggle-state-mixin.ts"],"names":[],"mappings":";;;AAEA,MAAa,gBAAgB;IAK3B,YAAY,CAAC,KAAc,EAAE,YAAqB;QAChD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACzB,MAAM,UAAU,GACd,YAAY,IAAI,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAClG,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAE5F,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,EAAE;gBAC5B,OAAO;aACR;YAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gBAE3E,IAAI,QAAQ,EAAE;oBACZ,IAAI,QAAQ,EAAE;wBACZ,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;qBACpB;oBAED,IAAI,UAAU,EAAE;wBACd,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;qBAC9B;iBACF;qBAAM;oBACL,IAAI,QAAQ,EAAE;wBACZ,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;qBACvB;oBAED,IAAI,UAAU,EAAE;wBACd,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;qBAC3B;iBACF;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,cAAc,CAAC,KAAc,EAAE,YAAqB;QAClD,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;YACzD,OAAO;SACR;QAED,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACzB,IAAI,YAAY,IAAI,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBACnG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;oBACzB,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;gBAC/B,CAAC,CAAC,CAAC;aACJ;YAED,IAAI,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBAC9E,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;oBACzB,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC,CAAC,CAAC;aACJ;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AA1DD,4CA0DC","file":"toggle-state-mixin.js","sourcesContent":["import type { IElement, IGlyphElement, IMark, IToggleStateMixin } from '../types';\n\nexport class ToggleStateMixin implements IToggleStateMixin {\n  protected _statedElements?: (IElement | IGlyphElement)[];\n  protected _marks?: IMark[];\n  protected _stateMarks: Record<string, IMark[]>;\n\n  updateStates(state?: string, reverseState?: string) {\n    this._marks.forEach(mark => {\n      const hasReverse =\n        reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark);\n      const hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(mark);\n\n      if (!hasReverse && !hasState) {\n        return;\n      }\n\n      mark.elements.forEach(el => {\n        const isStated = this._statedElements && this._statedElements.includes(el);\n\n        if (isStated) {\n          if (hasState) {\n            el.addState(state);\n          }\n\n          if (hasReverse) {\n            el.removeState(reverseState);\n          }\n        } else {\n          if (hasState) {\n            el.removeState(state);\n          }\n\n          if (hasReverse) {\n            el.addState(reverseState);\n          }\n        }\n      });\n    });\n  }\n\n  clearAllStates(state?: string, reverseState?: string) {\n    if (!this._statedElements || !this._statedElements.length) {\n      return;\n    }\n\n    this._marks.forEach(mark => {\n      if (reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark)) {\n        mark.elements.forEach(el => {\n          el.removeState(reverseState);\n        });\n      }\n\n      if (state && this._stateMarks[state] && this._stateMarks[state].includes(mark)) {\n        mark.elements.forEach(el => {\n          el.removeState(state);\n        });\n      }\n    });\n  }\n}\n"]}
+{"version":3,"sources":["../src/interactions/toggle-state-mixin.ts"],"names":[],"mappings":"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","file":"toggle-state-mixin.js","sourcesContent":["import type { IElement, IGlyphElement, IMark, IToggleStateMixin } from '../types';\n\nexport class ToggleStateMixin implements IToggleStateMixin {\n  protected _statedElements?: (IElement | IGlyphElement)[];\n  protected _marks?: IMark[];\n  protected _stateMarks: Record<string, IMark[]>;\n\n  updateStates(\n    newStatedElements: (IElement | IGlyphElement)[],\n    prevStatedElements?: (IElement | IGlyphElement)[],\n    state?: string,\n    reverseState?: string\n  ) {\n    if (!newStatedElements || !newStatedElements.length) {\n      return null;\n    }\n    if (state && reverseState) {\n      if (prevStatedElements && prevStatedElements.length) {\n        // toggle\n        this.toggleReverseStateOfElements(newStatedElements, prevStatedElements, reverseState);\n        this.toggleStateOfElements(newStatedElements, prevStatedElements, state);\n      } else {\n        // update all the elements\n        this.addBothStateOfElements(newStatedElements, state, reverseState);\n      }\n    } else if (state) {\n      if (prevStatedElements && prevStatedElements.length) {\n        this.toggleStateOfElements(newStatedElements, prevStatedElements, state);\n      } else {\n        this.addStateOfElements(newStatedElements, state);\n      }\n    }\n\n    return newStatedElements;\n  }\n\n  protected toggleReverseStateOfElements(\n    newStatedElements: (IElement | IGlyphElement)[],\n    prevStatedElements: (IElement | IGlyphElement)[],\n    reverseState: string\n  ) {\n    prevStatedElements.forEach(element => {\n      const hasReverse =\n        reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(element.mark);\n\n      if (hasReverse) {\n        element.addState(reverseState);\n      }\n    });\n\n    newStatedElements.forEach(element => {\n      const hasReverse =\n        reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(element.mark);\n\n      if (hasReverse) {\n        element.removeState(reverseState);\n      }\n    });\n  }\n\n  protected toggleStateOfElements(\n    newStatedElements: (IElement | IGlyphElement)[],\n    prevStatedElements: (IElement | IGlyphElement)[],\n    state: string\n  ) {\n    prevStatedElements.forEach(element => {\n      const hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(element.mark);\n\n      if (hasState) {\n        element.removeState(state);\n      }\n    });\n\n    newStatedElements.forEach(element => {\n      const hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(element.mark);\n\n      if (hasState) {\n        element.addState(state);\n      }\n    });\n  }\n\n  protected addBothStateOfElements(statedElements: (IElement | IGlyphElement)[], state: string, reverseState: string) {\n    this._marks.forEach(mark => {\n      const hasReverse =\n        reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark);\n      const hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(mark);\n\n      if (!hasReverse && !hasState) {\n        return;\n      }\n\n      mark.elements.forEach(el => {\n        const isStated = statedElements && statedElements.includes(el);\n\n        if (isStated) {\n          if (hasState) {\n            el.addState(state);\n          }\n        } else {\n          if (hasReverse) {\n            el.addState(reverseState);\n          }\n        }\n      });\n    });\n  }\n\n  protected addStateOfElements(statedElements: (IElement | IGlyphElement)[], state: string) {\n    this._marks.forEach(mark => {\n      const hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(mark);\n\n      if (!hasState) {\n        return;\n      }\n\n      mark.elements.forEach(el => {\n        const isStated = statedElements && statedElements.includes(el);\n\n        if (isStated) {\n          if (hasState) {\n            el.addState(state);\n          }\n        }\n      });\n    });\n  }\n\n  clearAllStates(state?: string, reverseState?: string) {\n    if (!this._statedElements || !this._statedElements.length) {\n      return;\n    }\n\n    this._marks.forEach(mark => {\n      if (reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark)) {\n        mark.elements.forEach(el => {\n          el.removeState(reverseState);\n        });\n      }\n\n      if (state && this._stateMarks[state] && this._stateMarks[state].includes(mark)) {\n        mark.elements.forEach(el => {\n          if (this._statedElements.includes(el)) {\n            el.removeState(state);\n          }\n        });\n      }\n    });\n  }\n}\n"]}

package/cjs/types/interaction.d.ts

@@ -352,7 +352,7 @@ export interface IViewDragMixin {
     handleDragEnd: (e: InteractionEvent, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, dragOptions?: ViewDragSimpleOptions) => ViewNavigationRange;
 }
 export interface IToggleStateMixin {
-    updateStates: (state?: string, reverseState?: string) => void;
+    updateStates: (newStatedElements: (IElement | IGlyphElement)[], prevStatedElements?: (IElement | IGlyphElement)[], state?: string, reverseState?: string) => (IElement | IGlyphElement)[];
     clearAllStates: (state?: string, reverseState?: string) => void;
 }
 export interface ViewStateByDim {

package/cjs/types/interaction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types/interaction.ts"],"names":[],"mappings":"","file":"interaction.js","sourcesContent":["import type { IView } from './view';\nimport type { EventType, InteractionEvent, ViewEventType } from './event';\nimport type {\n  BaseCrosshairAttrs,\n  BrushAttributes,\n  TooltipAttributes,\n  TooltipRowAttrs\n} from '@visactor/vrender-components';\nimport type { IPolygon, ISymbolGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';\nimport type { IElement, IGlyphElement } from './element';\nimport type { IData, IGrammarBase, IMark, IScale } from './grammar';\nimport type { IPointLike } from '@visactor/vutils';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type { IDatazoom, IScrollbar } from './component';\nimport type { FieldEncodeType, MarkFunctionType } from './mark';\n\nexport interface FilterDataTarget {\n  data: string | IData;\n  filter: string | ((datum: any, filterValues: any[]) => boolean);\n  transform?: (data: any[], filterValues: any[]) => any[];\n}\n\nexport interface IBaseInteractionOptions {\n  id?: string;\n\n  dependency?: string | string[] | IGrammarBase | IGrammarBase[];\n\n  shouldStart?: (e: any) => boolean;\n\n  shouldUpdate?: (e: any) => boolean;\n\n  shouldEnd?: (e: any) => boolean;\n\n  shouldReset?: (e: any) => boolean;\n\n  onStart?: (e: any) => boolean;\n\n  onUpdate?: (e: any) => boolean;\n\n  onEnd?: (e: any) => boolean;\n\n  onReset?: (e: any) => boolean;\n}\n\nexport interface IInteraction<T = any> {\n  readonly options: T;\n  readonly type: string;\n  depend: (grammar: IGrammarBase[] | IGrammarBase | string[] | string) => void;\n  bind: () => void;\n  unbind: () => void;\n}\n\nexport interface IInteractionConstructor<T = any> {\n  readonly type: string;\n\n  new (view: IView, options?: T): IInteraction<T>;\n}\n\n/**\n * the interaction to set the active state of specified marks\n */\nexport interface ElementActiveOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType | EventType[];\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType | EventType[];\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\n/**\n * the interaction to set the seleted state of specified marks\n */\nexport interface ElementSelectOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType | EventType[];\n  /**\n   * the selected state name\n   */\n  state?: string;\n  /**\n   * the non-selected state name\n   */\n  reverseState?: string;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType | EventType[] | ViewEventType | 'empty' | number;\n  /**\n   * whether or not support multiple selected\n   */\n  isMultiple?: boolean;\n}\n\n/**\n * the interaction to set the highlight state of specified marks\n */\nexport interface ElementHighlightOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface ElementFilterOptions {\n  /**\n   * the filter type of element\n   */\n  filterType?: 'key' | 'groupKey';\n  /**\n   * the field to be filtered\n   */\n  filterField?: string;\n}\n\n/**\n * the interaction to set the active state of specified marks trigger by legend\n */\nexport interface ElementActiveByLegendOptions extends IBaseInteractionOptions, ElementFilterOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\n/**\n * the interaction to set the active state of specified marks trigger by legend\n */\nexport interface ElementHighlightByLegendOptions extends IBaseInteractionOptions, ElementFilterOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface ElementHighlightByNameOptions extends ElementHighlightByLegendOptions {\n  graphicName?: string | string[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n\n  parseData?: (e: InteractionEvent) => any;\n}\n\nexport interface BrushEventParams {\n  operateType: string;\n  operateMask: IPolygon;\n  activeElements?: (IElement | IGlyphElement)[];\n}\n\nexport interface BrushOptions extends IBaseInteractionOptions, BrushAttributes {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n\n  onStart?: (params: BrushEventParams) => boolean;\n\n  onUpdate?: (params: BrushEventParams) => boolean;\n\n  onEnd?: (params: BrushEventParams) => boolean;\n\n  onReset?: (params: BrushEventParams) => boolean;\n}\n\nexport interface BrushHighlightOptions extends BrushOptions {\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface BrushActiveOptions extends BrushOptions {\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\nexport interface BrushFilterOptions extends BrushOptions {\n  target: {\n    data: IData | string;\n    transform?: (data: any[], filterValue: any) => any[];\n  };\n}\n\nexport interface DataFilterOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  source?: string | string[] | IMark | IMark[];\n\n  /**\n   * data target\n   */\n  target: {\n    data: IData | string;\n    filter?: string | ((datum: any, filterValue: any) => boolean);\n    transform?: (data: any[], filterValue: any) => any[];\n  };\n}\n\nexport interface DrillDownOptions extends BrushOptions {\n  /**\n   * enable brush\n   */\n  brush?: boolean;\n  // trigger attribute is included in brush attributes\n  target: {\n    data: IData | string;\n    transform?: (data: any[], filterValue: any) => any[];\n  };\n}\n\nexport interface RollUpOptions extends DataFilterOptions {\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType | ViewEventType | 'empty';\n}\n\nexport type CustomTooltipCallback = (\n  datum: any,\n  element: IElement,\n  parameters: any\n) => TooltipRowAttrs | TooltipRowAttrs[];\n\nexport interface ITooltipRow {\n  visible?: boolean;\n  key?: MarkFunctionType<string | Partial<ITextGraphicAttribute>> | FieldEncodeType;\n  value?: MarkFunctionType<string | Partial<ITextGraphicAttribute>> | FieldEncodeType;\n  symbol?: MarkFunctionType<string | Partial<ISymbolGraphicAttribute>> | FieldEncodeType;\n}\n\nexport type TooltipType = 'x' | 'y' | 'angle' | 'radius';\n\nexport interface TooltipOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n\n  title?: ITooltipRow | string | CustomTooltipCallback;\n  content?: ITooltipRow | ITooltipRow[] | CustomTooltipCallback;\n  attributes?: MarkFunctionType<TooltipAttributes>;\n}\n\nexport interface DimensionTooltipOptions extends TooltipOptions {\n  scale?: IScale | string;\n  tooltipType?: TooltipType;\n  target?: {\n    data: IData | string;\n    filter: string | ((datum: any, tooltipValue: any) => boolean);\n  };\n  avoidMark?: string | string[];\n  container?: string | IMark;\n  center?: IPointLike;\n}\n\nexport type CrosshairType = 'x' | 'y' | 'angle' | 'radius' | 'radius-polygon';\n\nexport type CrosshairShape = 'line' | 'rect';\n\nexport interface CrosshairOptions extends IBaseInteractionOptions {\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n  scale?: IScale | string;\n  crosshairType?: CrosshairType;\n  crosshairShape?: CrosshairShape;\n  container?: string | IMark;\n  radius?: number;\n  center?: IPointLike;\n  attributes?: MarkFunctionType<BaseCrosshairAttrs>;\n}\nexport interface ViewNavigationBaseOptions {\n  enableX?: boolean;\n  enableY?: boolean;\n  scaleX?: string | IScale;\n  scaleY?: string | IScale;\n  dataTargetX?: FilterDataTarget;\n  dataTargetY?: FilterDataTarget;\n  throttle?: number;\n  linkedComponentX?: string | IDatazoom | IScrollbar;\n  linkedComponentY?: string | IDatazoom | IScrollbar;\n}\n\nexport interface ViewZoomSimpleOptions {\n  realtime?: boolean;\n  rate?: number;\n  focus?: boolean;\n  trigger?: EventType;\n  endTrigger?: EventType;\n  triggerOff?: EventType;\n}\n\nexport type ViewZoomOptions = ViewZoomSimpleOptions & IBaseInteractionOptions & ViewNavigationBaseOptions;\n\nexport interface ViewScrollSimpleOptions {\n  realtime?: boolean;\n  reversed?: boolean;\n  trigger?: EventType;\n  endTrigger?: EventType;\n}\nexport type ViewScrollOptions = ViewScrollSimpleOptions & IBaseInteractionOptions & ViewNavigationBaseOptions;\n\nexport interface ViewDragSimpleOptions {\n  realtime?: boolean;\n  reversed?: boolean;\n  trigger?: EventType;\n  endTrigger?: EventType;\n  updateTrigger?: EventType;\n}\n\nexport type ViewDragOptions = ViewDragSimpleOptions & IBaseInteractionOptions & ViewNavigationBaseOptions;\n\nexport interface ViewRoamOptions extends IBaseInteractionOptions, ViewNavigationBaseOptions {\n  zoom?: ViewZoomSimpleOptions & { enable?: boolean };\n  scroll?: ViewScrollSimpleOptions & { enable?: boolean };\n  drag?: ViewDragSimpleOptions & { enable?: boolean };\n}\n\n/**\n * the interaction to set the highlight state of specified marks\n */\nexport interface SankeyHighlightOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of node mark\n   */\n  nodeSelector?: string | IMark;\n  /**\n   * the selector of link mark\n   */\n  linkSelector?: string | IMark;\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n  /** set highlight state to different type of nodes */\n  effect?: 'adjacency' | 'related';\n}\n\nexport interface FishEyeOptions extends IBaseInteractionOptions {\n  selector?: string | string[] | IMark | IMark[];\n  /** the radius of x-direction */\n  radiusX?: number;\n  /** the radius of y-direction */\n  radiusY?: number;\n  /** the radiusRatio of x-direction */\n  radiusRatioX?: number;\n  /** the radiusRatio of y-direction */\n  radiusRatioY?: number;\n  /** x方向的扰动 */\n  distortionX?: number;\n  /** y方向的扰动 */\n  distortionY?: number;\n  /** 禁用 x方向的变形 */\n  enableX?: boolean;\n  /** 禁用y方向的变形 */\n  enableY?: boolean;\n  /** x方向的scale */\n  scaleX?: string | IScale;\n  /** y方向的scale */\n  scaleY?: string | IScale;\n  /** 节流的时长，单位为ms */\n  throttle?: number;\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the trigger event of end\n   */\n  endTrigger?: EventType;\n  /**\n   * the trigger event of updating\n   */\n  updateTrigger?: EventType;\n  /**\n   * the trigger event of reset\n   */\n  triggerOff?: string;\n}\n\nexport interface ElementActiveSpec extends ElementActiveOptions {\n  type: 'element-active';\n}\nexport interface ElementSelectSpec extends ElementSelectOptions {\n  type: 'element-select';\n}\nexport interface ElementHighlightSpec extends ElementHighlightOptions {\n  type: 'element-highlight';\n}\nexport interface ElementHighlightByKeySpec extends ElementHighlightOptions {\n  type: 'element-highlight-by-key';\n}\nexport interface ElementHighlightByGroupSpec extends ElementHighlightOptions {\n  type: 'element-highlight-by-group';\n}\nexport interface ElementActiveByLegendSpec extends ElementActiveByLegendOptions {\n  type: 'element-active-by-legend';\n}\n\nexport interface ElementHighlightByLegendSpec extends ElementHighlightByLegendOptions {\n  type: 'element-highlight-by-legend';\n}\n\nexport interface ElementHighlightByNameSpec extends ElementHighlightByNameOptions {\n  type: 'element-highlight-by-name';\n}\n\nexport interface BrushHighlightSpec extends BrushHighlightOptions {\n  type: 'brush-highlight';\n}\n\nexport interface BrushActiveSpec extends BrushActiveOptions {\n  type: 'brush-active';\n}\n\nexport interface BrushFilterSpec extends BrushFilterOptions {\n  type: 'brush-filter';\n}\n\nexport interface LegendFilterSpec extends DataFilterOptions {\n  type: 'legend-filter';\n}\n\nexport interface DatazoomFilterSpec extends DataFilterOptions {\n  type: 'datazoom-filter';\n}\n\nexport interface SliderFilterSpec extends DataFilterOptions {\n  type: 'slider-filter';\n}\n\nexport interface PlayerFilterSpec extends DataFilterOptions {\n  type: 'player-filter';\n}\n\nexport interface ScrollbarFilterSpec extends DataFilterOptions {\n  type: 'scrollbar-filter';\n}\n\nexport interface DrillDownSpec extends DrillDownOptions {\n  type: 'drill-down';\n}\n\nexport interface RollUpSpec extends RollUpOptions {\n  type: 'roll-up';\n}\n\nexport interface TooltipSpec extends TooltipOptions {\n  type: 'tooltip';\n}\n\nexport interface DimensionTooltipSpec extends DimensionTooltipOptions {\n  type: 'dimension-tooltip';\n}\n\nexport interface CrosshairSpec extends CrosshairOptions {\n  type: 'crosshair';\n}\nexport interface ViewRoamSpec extends ViewRoamOptions {\n  type: 'view-roam';\n}\n\nexport interface ViewZoomSpec extends ViewZoomOptions {\n  type: 'view-zoom';\n}\n\nexport interface ViewScrollSpec extends ViewScrollOptions {\n  type: 'view-scroll';\n}\n\nexport interface ViewDragSpec extends ViewDragOptions {\n  type: 'view-drag';\n}\n\nexport interface SankeyHighlightSpec extends SankeyHighlightOptions {\n  type: 'sankey-highlight';\n}\n\nexport interface FishEyeSpec extends FishEyeOptions {\n  type: 'fish-eye';\n}\n\nexport interface CustomizedInteractionSpec extends IBaseInteractionOptions {\n  type: string;\n}\n\nexport type InteractionSpec =\n  | ElementActiveSpec\n  | ElementSelectSpec\n  | ElementHighlightSpec\n  | ElementHighlightByKeySpec\n  | ElementHighlightByGroupSpec\n  | ElementActiveByLegendSpec\n  | ElementHighlightByLegendSpec\n  | ElementHighlightByNameSpec\n  | BrushHighlightSpec\n  | BrushActiveSpec\n  | BrushFilterSpec\n  | LegendFilterSpec\n  | DatazoomFilterSpec\n  | SliderFilterSpec\n  | PlayerFilterSpec\n  | ScrollbarFilterSpec\n  | DrillDownSpec\n  | RollUpSpec\n  | TooltipSpec\n  | DimensionTooltipSpec\n  | CrosshairSpec\n  | ViewRoamSpec\n  | ViewZoomSpec\n  | ViewScrollSpec\n  | ViewDragSpec\n  | SankeyHighlightSpec\n  | FishEyeSpec\n  | CustomizedInteractionSpec;\n\nexport interface ViewNavigationRange {\n  needUpdate?: boolean;\n  x?: [number, number];\n  y?: [number, number];\n}\n\nexport interface IViewZoomMixin {\n  updateZoomRange: (\n    rangeFactor: [number, number],\n    range: [number, number],\n    zoomEvent: { zoomDelta: number; zoomX: number; zoomY: number },\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => [number, number];\n  formatZoomEvent: (e: InteractionEvent) => InteractionEvent & { zoomDelta?: number; zoomX?: number; zoomY?: number };\n  handleZoomStart: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => ViewNavigationRange;\n  handleZoomEnd: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => ViewNavigationRange;\n  handleZoomReset: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => ViewNavigationRange;\n}\n\nexport interface IViewScrollMixin {\n  formatScrollEvent: (e: InteractionEvent) => InteractionEvent & { scrollX?: number; scrollY?: number };\n  handleScrollStart: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    scrollOptions?: ViewScrollSimpleOptions\n  ) => ViewNavigationRange;\n  handleScrollEnd: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    scrollOptions?: ViewScrollSimpleOptions\n  ) => ViewNavigationRange;\n}\n\nexport interface IViewDragMixin {\n  handleDragStart: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    dragOptions?: ViewDragSimpleOptions\n  ) => ViewNavigationRange;\n  handleDragUpdate: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    dragOptions?: ViewDragSimpleOptions\n  ) => ViewNavigationRange;\n  handleDragEnd: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    dragOptions?: ViewDragSimpleOptions\n  ) => ViewNavigationRange;\n}\n\nexport interface IToggleStateMixin {\n  updateStates: (state?: string, reverseState?: string) => void;\n  clearAllStates: (state?: string, reverseState?: string) => void;\n}\n\nexport interface ViewStateByDim {\n  scale?: IScale;\n  data?: IData;\n  linkedComponent?: IDatazoom | IScrollbar;\n  filterValue?: any[];\n  wholeScale?: IBaseScale;\n  rangeFactor?: [number, number];\n}\n"]}
+{"version":3,"sources":["../src/types/interaction.ts"],"names":[],"mappings":"","file":"interaction.js","sourcesContent":["import type { IView } from './view';\nimport type { EventType, InteractionEvent, ViewEventType } from './event';\nimport type {\n  BaseCrosshairAttrs,\n  BrushAttributes,\n  TooltipAttributes,\n  TooltipRowAttrs\n} from '@visactor/vrender-components';\nimport type { IPolygon, ISymbolGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';\nimport type { IElement, IGlyphElement } from './element';\nimport type { IData, IGrammarBase, IMark, IScale } from './grammar';\nimport type { IPointLike } from '@visactor/vutils';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type { IDatazoom, IScrollbar } from './component';\nimport type { FieldEncodeType, MarkFunctionType } from './mark';\n\nexport interface FilterDataTarget {\n  data: string | IData;\n  filter: string | ((datum: any, filterValues: any[]) => boolean);\n  transform?: (data: any[], filterValues: any[]) => any[];\n}\n\nexport interface IBaseInteractionOptions {\n  id?: string;\n\n  dependency?: string | string[] | IGrammarBase | IGrammarBase[];\n\n  shouldStart?: (e: any) => boolean;\n\n  shouldUpdate?: (e: any) => boolean;\n\n  shouldEnd?: (e: any) => boolean;\n\n  shouldReset?: (e: any) => boolean;\n\n  onStart?: (e: any) => boolean;\n\n  onUpdate?: (e: any) => boolean;\n\n  onEnd?: (e: any) => boolean;\n\n  onReset?: (e: any) => boolean;\n}\n\nexport interface IInteraction<T = any> {\n  readonly options: T;\n  readonly type: string;\n  depend: (grammar: IGrammarBase[] | IGrammarBase | string[] | string) => void;\n  bind: () => void;\n  unbind: () => void;\n}\n\nexport interface IInteractionConstructor<T = any> {\n  readonly type: string;\n\n  new (view: IView, options?: T): IInteraction<T>;\n}\n\n/**\n * the interaction to set the active state of specified marks\n */\nexport interface ElementActiveOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType | EventType[];\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType | EventType[];\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\n/**\n * the interaction to set the seleted state of specified marks\n */\nexport interface ElementSelectOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType | EventType[];\n  /**\n   * the selected state name\n   */\n  state?: string;\n  /**\n   * the non-selected state name\n   */\n  reverseState?: string;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType | EventType[] | ViewEventType | 'empty' | number;\n  /**\n   * whether or not support multiple selected\n   */\n  isMultiple?: boolean;\n}\n\n/**\n * the interaction to set the highlight state of specified marks\n */\nexport interface ElementHighlightOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface ElementFilterOptions {\n  /**\n   * the filter type of element\n   */\n  filterType?: 'key' | 'groupKey';\n  /**\n   * the field to be filtered\n   */\n  filterField?: string;\n}\n\n/**\n * the interaction to set the active state of specified marks trigger by legend\n */\nexport interface ElementActiveByLegendOptions extends IBaseInteractionOptions, ElementFilterOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\n/**\n * the interaction to set the active state of specified marks trigger by legend\n */\nexport interface ElementHighlightByLegendOptions extends IBaseInteractionOptions, ElementFilterOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface ElementHighlightByNameOptions extends ElementHighlightByLegendOptions {\n  graphicName?: string | string[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n\n  parseData?: (e: InteractionEvent) => any;\n}\n\nexport interface BrushEventParams {\n  operateType: string;\n  operateMask: IPolygon;\n  activeElements?: (IElement | IGlyphElement)[];\n}\n\nexport interface BrushOptions extends IBaseInteractionOptions, BrushAttributes {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n\n  onStart?: (params: BrushEventParams) => boolean;\n\n  onUpdate?: (params: BrushEventParams) => boolean;\n\n  onEnd?: (params: BrushEventParams) => boolean;\n\n  onReset?: (params: BrushEventParams) => boolean;\n}\n\nexport interface BrushHighlightOptions extends BrushOptions {\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface BrushActiveOptions extends BrushOptions {\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\nexport interface BrushFilterOptions extends BrushOptions {\n  target: {\n    data: IData | string;\n    transform?: (data: any[], filterValue: any) => any[];\n  };\n}\n\nexport interface DataFilterOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  source?: string | string[] | IMark | IMark[];\n\n  /**\n   * data target\n   */\n  target: {\n    data: IData | string;\n    filter?: string | ((datum: any, filterValue: any) => boolean);\n    transform?: (data: any[], filterValue: any) => any[];\n  };\n}\n\nexport interface DrillDownOptions extends BrushOptions {\n  /**\n   * enable brush\n   */\n  brush?: boolean;\n  // trigger attribute is included in brush attributes\n  target: {\n    data: IData | string;\n    transform?: (data: any[], filterValue: any) => any[];\n  };\n}\n\nexport interface RollUpOptions extends DataFilterOptions {\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType | ViewEventType | 'empty';\n}\n\nexport type CustomTooltipCallback = (\n  datum: any,\n  element: IElement,\n  parameters: any\n) => TooltipRowAttrs | TooltipRowAttrs[];\n\nexport interface ITooltipRow {\n  visible?: boolean;\n  key?: MarkFunctionType<string | Partial<ITextGraphicAttribute>> | FieldEncodeType;\n  value?: MarkFunctionType<string | Partial<ITextGraphicAttribute>> | FieldEncodeType;\n  symbol?: MarkFunctionType<string | Partial<ISymbolGraphicAttribute>> | FieldEncodeType;\n}\n\nexport type TooltipType = 'x' | 'y' | 'angle' | 'radius';\n\nexport interface TooltipOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n\n  title?: ITooltipRow | string | CustomTooltipCallback;\n  content?: ITooltipRow | ITooltipRow[] | CustomTooltipCallback;\n  attributes?: MarkFunctionType<TooltipAttributes>;\n}\n\nexport interface DimensionTooltipOptions extends TooltipOptions {\n  scale?: IScale | string;\n  tooltipType?: TooltipType;\n  target?: {\n    data: IData | string;\n    filter: string | ((datum: any, tooltipValue: any) => boolean);\n  };\n  avoidMark?: string | string[];\n  container?: string | IMark;\n  center?: IPointLike;\n}\n\nexport type CrosshairType = 'x' | 'y' | 'angle' | 'radius' | 'radius-polygon';\n\nexport type CrosshairShape = 'line' | 'rect';\n\nexport interface CrosshairOptions extends IBaseInteractionOptions {\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n  scale?: IScale | string;\n  crosshairType?: CrosshairType;\n  crosshairShape?: CrosshairShape;\n  container?: string | IMark;\n  radius?: number;\n  center?: IPointLike;\n  attributes?: MarkFunctionType<BaseCrosshairAttrs>;\n}\nexport interface ViewNavigationBaseOptions {\n  enableX?: boolean;\n  enableY?: boolean;\n  scaleX?: string | IScale;\n  scaleY?: string | IScale;\n  dataTargetX?: FilterDataTarget;\n  dataTargetY?: FilterDataTarget;\n  throttle?: number;\n  linkedComponentX?: string | IDatazoom | IScrollbar;\n  linkedComponentY?: string | IDatazoom | IScrollbar;\n}\n\nexport interface ViewZoomSimpleOptions {\n  realtime?: boolean;\n  rate?: number;\n  focus?: boolean;\n  trigger?: EventType;\n  endTrigger?: EventType;\n  triggerOff?: EventType;\n}\n\nexport type ViewZoomOptions = ViewZoomSimpleOptions & IBaseInteractionOptions & ViewNavigationBaseOptions;\n\nexport interface ViewScrollSimpleOptions {\n  realtime?: boolean;\n  reversed?: boolean;\n  trigger?: EventType;\n  endTrigger?: EventType;\n}\nexport type ViewScrollOptions = ViewScrollSimpleOptions & IBaseInteractionOptions & ViewNavigationBaseOptions;\n\nexport interface ViewDragSimpleOptions {\n  realtime?: boolean;\n  reversed?: boolean;\n  trigger?: EventType;\n  endTrigger?: EventType;\n  updateTrigger?: EventType;\n}\n\nexport type ViewDragOptions = ViewDragSimpleOptions & IBaseInteractionOptions & ViewNavigationBaseOptions;\n\nexport interface ViewRoamOptions extends IBaseInteractionOptions, ViewNavigationBaseOptions {\n  zoom?: ViewZoomSimpleOptions & { enable?: boolean };\n  scroll?: ViewScrollSimpleOptions & { enable?: boolean };\n  drag?: ViewDragSimpleOptions & { enable?: boolean };\n}\n\n/**\n * the interaction to set the highlight state of specified marks\n */\nexport interface SankeyHighlightOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of node mark\n   */\n  nodeSelector?: string | IMark;\n  /**\n   * the selector of link mark\n   */\n  linkSelector?: string | IMark;\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n  /** set highlight state to different type of nodes */\n  effect?: 'adjacency' | 'related';\n}\n\nexport interface FishEyeOptions extends IBaseInteractionOptions {\n  selector?: string | string[] | IMark | IMark[];\n  /** the radius of x-direction */\n  radiusX?: number;\n  /** the radius of y-direction */\n  radiusY?: number;\n  /** the radiusRatio of x-direction */\n  radiusRatioX?: number;\n  /** the radiusRatio of y-direction */\n  radiusRatioY?: number;\n  /** x方向的扰动 */\n  distortionX?: number;\n  /** y方向的扰动 */\n  distortionY?: number;\n  /** 禁用 x方向的变形 */\n  enableX?: boolean;\n  /** 禁用y方向的变形 */\n  enableY?: boolean;\n  /** x方向的scale */\n  scaleX?: string | IScale;\n  /** y方向的scale */\n  scaleY?: string | IScale;\n  /** 节流的时长，单位为ms */\n  throttle?: number;\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the trigger event of end\n   */\n  endTrigger?: EventType;\n  /**\n   * the trigger event of updating\n   */\n  updateTrigger?: EventType;\n  /**\n   * the trigger event of reset\n   */\n  triggerOff?: string;\n}\n\nexport interface ElementActiveSpec extends ElementActiveOptions {\n  type: 'element-active';\n}\nexport interface ElementSelectSpec extends ElementSelectOptions {\n  type: 'element-select';\n}\nexport interface ElementHighlightSpec extends ElementHighlightOptions {\n  type: 'element-highlight';\n}\nexport interface ElementHighlightByKeySpec extends ElementHighlightOptions {\n  type: 'element-highlight-by-key';\n}\nexport interface ElementHighlightByGroupSpec extends ElementHighlightOptions {\n  type: 'element-highlight-by-group';\n}\nexport interface ElementActiveByLegendSpec extends ElementActiveByLegendOptions {\n  type: 'element-active-by-legend';\n}\n\nexport interface ElementHighlightByLegendSpec extends ElementHighlightByLegendOptions {\n  type: 'element-highlight-by-legend';\n}\n\nexport interface ElementHighlightByNameSpec extends ElementHighlightByNameOptions {\n  type: 'element-highlight-by-name';\n}\n\nexport interface BrushHighlightSpec extends BrushHighlightOptions {\n  type: 'brush-highlight';\n}\n\nexport interface BrushActiveSpec extends BrushActiveOptions {\n  type: 'brush-active';\n}\n\nexport interface BrushFilterSpec extends BrushFilterOptions {\n  type: 'brush-filter';\n}\n\nexport interface LegendFilterSpec extends DataFilterOptions {\n  type: 'legend-filter';\n}\n\nexport interface DatazoomFilterSpec extends DataFilterOptions {\n  type: 'datazoom-filter';\n}\n\nexport interface SliderFilterSpec extends DataFilterOptions {\n  type: 'slider-filter';\n}\n\nexport interface PlayerFilterSpec extends DataFilterOptions {\n  type: 'player-filter';\n}\n\nexport interface ScrollbarFilterSpec extends DataFilterOptions {\n  type: 'scrollbar-filter';\n}\n\nexport interface DrillDownSpec extends DrillDownOptions {\n  type: 'drill-down';\n}\n\nexport interface RollUpSpec extends RollUpOptions {\n  type: 'roll-up';\n}\n\nexport interface TooltipSpec extends TooltipOptions {\n  type: 'tooltip';\n}\n\nexport interface DimensionTooltipSpec extends DimensionTooltipOptions {\n  type: 'dimension-tooltip';\n}\n\nexport interface CrosshairSpec extends CrosshairOptions {\n  type: 'crosshair';\n}\nexport interface ViewRoamSpec extends ViewRoamOptions {\n  type: 'view-roam';\n}\n\nexport interface ViewZoomSpec extends ViewZoomOptions {\n  type: 'view-zoom';\n}\n\nexport interface ViewScrollSpec extends ViewScrollOptions {\n  type: 'view-scroll';\n}\n\nexport interface ViewDragSpec extends ViewDragOptions {\n  type: 'view-drag';\n}\n\nexport interface SankeyHighlightSpec extends SankeyHighlightOptions {\n  type: 'sankey-highlight';\n}\n\nexport interface FishEyeSpec extends FishEyeOptions {\n  type: 'fish-eye';\n}\n\nexport interface CustomizedInteractionSpec extends IBaseInteractionOptions {\n  type: string;\n}\n\nexport type InteractionSpec =\n  | ElementActiveSpec\n  | ElementSelectSpec\n  | ElementHighlightSpec\n  | ElementHighlightByKeySpec\n  | ElementHighlightByGroupSpec\n  | ElementActiveByLegendSpec\n  | ElementHighlightByLegendSpec\n  | ElementHighlightByNameSpec\n  | BrushHighlightSpec\n  | BrushActiveSpec\n  | BrushFilterSpec\n  | LegendFilterSpec\n  | DatazoomFilterSpec\n  | SliderFilterSpec\n  | PlayerFilterSpec\n  | ScrollbarFilterSpec\n  | DrillDownSpec\n  | RollUpSpec\n  | TooltipSpec\n  | DimensionTooltipSpec\n  | CrosshairSpec\n  | ViewRoamSpec\n  | ViewZoomSpec\n  | ViewScrollSpec\n  | ViewDragSpec\n  | SankeyHighlightSpec\n  | FishEyeSpec\n  | CustomizedInteractionSpec;\n\nexport interface ViewNavigationRange {\n  needUpdate?: boolean;\n  x?: [number, number];\n  y?: [number, number];\n}\n\nexport interface IViewZoomMixin {\n  updateZoomRange: (\n    rangeFactor: [number, number],\n    range: [number, number],\n    zoomEvent: { zoomDelta: number; zoomX: number; zoomY: number },\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => [number, number];\n  formatZoomEvent: (e: InteractionEvent) => InteractionEvent & { zoomDelta?: number; zoomX?: number; zoomY?: number };\n  handleZoomStart: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => ViewNavigationRange;\n  handleZoomEnd: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => ViewNavigationRange;\n  handleZoomReset: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => ViewNavigationRange;\n}\n\nexport interface IViewScrollMixin {\n  formatScrollEvent: (e: InteractionEvent) => InteractionEvent & { scrollX?: number; scrollY?: number };\n  handleScrollStart: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    scrollOptions?: ViewScrollSimpleOptions\n  ) => ViewNavigationRange;\n  handleScrollEnd: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    scrollOptions?: ViewScrollSimpleOptions\n  ) => ViewNavigationRange;\n}\n\nexport interface IViewDragMixin {\n  handleDragStart: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    dragOptions?: ViewDragSimpleOptions\n  ) => ViewNavigationRange;\n  handleDragUpdate: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    dragOptions?: ViewDragSimpleOptions\n  ) => ViewNavigationRange;\n  handleDragEnd: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    dragOptions?: ViewDragSimpleOptions\n  ) => ViewNavigationRange;\n}\n\nexport interface IToggleStateMixin {\n  updateStates: (\n    newStatedElements: (IElement | IGlyphElement)[],\n    prevStatedElements?: (IElement | IGlyphElement)[],\n    state?: string,\n    reverseState?: string\n  ) => (IElement | IGlyphElement)[];\n  clearAllStates: (state?: string, reverseState?: string) => void;\n}\n\nexport interface ViewStateByDim {\n  scale?: IScale;\n  data?: IData;\n  linkedComponent?: IDatazoom | IScrollbar;\n  filterValue?: any[];\n  wholeScale?: IBaseScale;\n  rangeFactor?: [number, number];\n}\n"]}

package/es/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.11.4";
+export declare const version = "0.11.5-alpha.0";
 export * from './graph';
 export * from './interactions';
 export { View } from './view';

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "0.11.4";
+export const version = "0.11.5-alpha.0";
 
 export * from "./graph";
 

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAEhC,cAAc,SAAS,CAAC;AAExB,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EACL,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC","file":"index.js","sourcesContent":["// -- Exports -----\nexport const version = \"0.11.4\";\n\nexport * from './graph';\n\nexport * from './interactions';\n\nexport { View } from './view';\nexport { Scale, registerScale } from './view/scale';\nexport { Coordinate, registerCoordinate } from './view/coordinate';\nexport { parseFunctionType, invokeFunctionType } from './parse/util';\nexport { GrammarBase } from './view/grammar-base';\nexport * from './util/text';\nexport * from './types';\nexport { Factory } from './core/factory';\nexport {\n  SIGNAL_AUTOFIT,\n  SIGNAL_HEIGHT,\n  SIGNAL_PADDING,\n  SIGNAL_VIEW_HEIGHT,\n  SIGNAL_VIEW_WIDTH,\n  SIGNAL_WIDTH,\n  SIGNAL_VIEW_BOX\n} from './view/constants';\n\nexport { ThemeManager } from './theme/theme-manager';\n\nexport * from './glyph';\nexport * from './component';\nexport * from './transforms';\nexport * from './graph/animation/animation';\n\nexport { vglobal } from '@visactor/vrender-core';\nexport * from './env';\nexport * from './interactions';\nexport * from './semantic-marks/cell';\nexport * from './semantic-marks/interval';\nexport * from './graph/mark/graphic';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAExC,cAAc,SAAS,CAAC;AAExB,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EACL,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC","file":"index.js","sourcesContent":["// -- Exports -----\nexport const version = \"0.11.5-alpha.0\";\n\nexport * from './graph';\n\nexport * from './interactions';\n\nexport { View } from './view';\nexport { Scale, registerScale } from './view/scale';\nexport { Coordinate, registerCoordinate } from './view/coordinate';\nexport { parseFunctionType, invokeFunctionType } from './parse/util';\nexport { GrammarBase } from './view/grammar-base';\nexport * from './util/text';\nexport * from './types';\nexport { Factory } from './core/factory';\nexport {\n  SIGNAL_AUTOFIT,\n  SIGNAL_HEIGHT,\n  SIGNAL_PADDING,\n  SIGNAL_VIEW_HEIGHT,\n  SIGNAL_VIEW_WIDTH,\n  SIGNAL_WIDTH,\n  SIGNAL_VIEW_BOX\n} from './view/constants';\n\nexport { ThemeManager } from './theme/theme-manager';\n\nexport * from './glyph';\nexport * from './component';\nexport * from './transforms';\nexport * from './graph/animation/animation';\n\nexport { vglobal } from '@visactor/vrender-core';\nexport * from './env';\nexport * from './interactions';\nexport * from './semantic-marks/cell';\nexport * from './semantic-marks/interval';\nexport * from './graph/mark/graphic';\n"]}

package/es/interactions/brush-filter.js

@@ -29,5 +29,4 @@ export class BrushFilter extends BrushBase {
     }
 }
 
-BrushFilter.type = "brush-filter", BrushFilter.defaultOptions = {};
-//# sourceMappingURL=brush-filter.js.map
+BrushFilter.type = "brush-filter", BrushFilter.defaultOptions = {};

package/es/interactions/element-highlight-by-group.js

@@ -45,4 +45,5 @@ ElementHighlightByGroup.type = "element-highlight-by-group", ElementHighlightByG
     blurState: InteractionStateEnum.blur,
     trigger: "pointerover",
     triggerOff: "pointerout"
-};
+};
+//# sourceMappingURL=element-highlight-by-group.js.map

package/es/interactions/element-highlight.d.ts

@@ -1,4 +1,4 @@
-import type { ElementHighlightOptions, IElement, IGlyphElement, IMark, IToggleStateMixin, IView, InteractionEvent } from '../types';
+import type { ElementHighlightOptions, EventType, IElement, IGlyphElement, IMark, IToggleStateMixin, IView, InteractionEvent } from '../types';
 import { BaseInteraction } from './base';
 export interface ElementHighlight extends IToggleStateMixin, BaseInteraction<ElementHighlightOptions> {
 }
@@ -11,9 +11,10 @@ export declare class ElementHighlight extends BaseInteraction<ElementHighlightOp
     protected _stateMarks: Record<string, IMark[]>;
     protected _lastElement?: IElement;
     protected _statedElements?: (IElement | IGlyphElement)[];
+    protected _resetType?: 'view' | 'self';
     constructor(view: IView, options?: ElementHighlightOptions);
     protected getEvents(): {
-        type: import("../types").EventType;
+        type: EventType;
         handler: (e: InteractionEvent) => void;
     }[];
     clearPrevElements(): void;

package/es/interactions/element-highlight.js

@@ -4,38 +4,45 @@ import { BaseInteraction } from "./base";
 
 import { groupMarksByState } from "./utils";
 
+import { isString } from "@visactor/vutils";
+
 export class ElementHighlight extends BaseInteraction {
     constructor(view, options) {
         super(view, options), this.type = ElementHighlight.type, this.handleStart = e => {
             if (e.element && this._marks && this._marks.includes(e.element.mark)) {
                 const {highlightState: highlightState, blurState: blurState} = this.options;
                 if (this._lastElement === e.element) return;
-                this._statedElements = [ e.element ], this.updateStates(highlightState, blurState), 
+                this._statedElements = this.updateStates([ e.element ], this._statedElements, highlightState, blurState), 
                 this._lastElement = e.element, this.dispatchEvent("start", {
                     elements: [ e.element ],
                     options: this.options
                 });
-            } else this._lastElement && this.clearPrevElements();
+            } else this._lastElement && "view" === this._resetType && this.clearPrevElements();
         }, this.handleReset = e => {
-            e.element && this._marks && this._marks.includes(e.element.mark) && this.clearPrevElements();
+            if (!this._statedElements || !this._statedElements.length) return;
+            const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);
+            "view" !== this._resetType || hasActiveElement ? "self" === this._resetType && hasActiveElement && this.clearPrevElements() : this.clearPrevElements();
         }, this.options = Object.assign({}, ElementHighlight.defaultOptions, options), this._marks = view.getMarksBySelector(this.options.selector), 
         this._stateMarks = groupMarksByState(this._marks, [ this.options.highlightState, this.options.blurState ]);
     }
     getEvents() {
-        return [ {
+        const triggerOff = this.options.triggerOff, events = [ {
             type: this.options.trigger,
             handler: this.handleStart
-        }, {
-            type: this.options.triggerOff,
-            handler: this.handleReset
         } ];
+        let eventName = triggerOff;
+        return isString(triggerOff) && triggerOff.includes("view:") ? (eventName = triggerOff.replace("view:", ""), 
+        this._resetType = "view") : this._resetType = "self", events.push({
+            type: eventName,
+            handler: this.handleReset
+        }), events;
     }
     clearPrevElements() {
         const {highlightState: highlightState, blurState: blurState} = this.options;
         this._lastElement && (this.clearAllStates(highlightState, blurState), this.dispatchEvent("reset", {
             elements: [ this._lastElement ],
             options: this.options
-        }), this._lastElement = null);
+        }), this._lastElement = null, this._statedElements = null);
     }
 }
 

package/es/interactions/element-highlight.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interactions/element-highlight.ts"],"names":[],"mappings":"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","file":"element-highlight.js","sourcesContent":["import { InteractionStateEnum } from '../graph/enums';\nimport type {\n  ElementHighlightOptions,\n  IElement,\n  IGlyphElement,\n  IMark,\n  IToggleStateMixin,\n  IView,\n  InteractionEvent\n} from '../types';\nimport { BaseInteraction } from './base';\nimport { groupMarksByState } from './utils';\n\nexport interface ElementHighlight extends IToggleStateMixin, BaseInteraction<ElementHighlightOptions> {}\n\nexport class ElementHighlight extends BaseInteraction<ElementHighlightOptions> {\n  static type: string = 'element-highlight';\n  type: string = ElementHighlight.type;\n\n  static defaultOptions: ElementHighlightOptions = {\n    highlightState: InteractionStateEnum.highlight,\n    blurState: InteractionStateEnum.blur,\n    trigger: 'pointerover',\n    triggerOff: 'pointerout'\n  };\n  options: ElementHighlightOptions;\n  protected _marks?: IMark[];\n  protected _stateMarks: Record<string, IMark[]>;\n  protected _lastElement?: IElement;\n  protected _statedElements?: (IElement | IGlyphElement)[];\n\n  constructor(view: IView, options?: ElementHighlightOptions) {\n    super(view, options);\n    this.options = Object.assign({}, ElementHighlight.defaultOptions, options);\n\n    this._marks = view.getMarksBySelector(this.options.selector);\n    this._stateMarks = groupMarksByState(this._marks, [this.options.highlightState, this.options.blurState]);\n  }\n\n  protected getEvents() {\n    return [\n      {\n        type: this.options.trigger,\n        handler: this.handleStart\n      },\n      { type: this.options.triggerOff, handler: this.handleReset }\n    ];\n  }\n\n  clearPrevElements() {\n    const { highlightState, blurState } = this.options;\n\n    if (this._lastElement) {\n      this.clearAllStates(highlightState, blurState);\n\n      this.dispatchEvent('reset', { elements: [this._lastElement], options: this.options });\n\n      this._lastElement = null;\n    }\n  }\n\n  handleStart = (e: InteractionEvent) => {\n    if (e.element && this._marks && this._marks.includes(e.element.mark)) {\n      const { highlightState, blurState } = this.options;\n\n      if (this._lastElement === e.element) {\n        return;\n      }\n      this._statedElements = [e.element];\n\n      this.updateStates(highlightState, blurState);\n\n      this._lastElement = e.element;\n\n      this.dispatchEvent('start', { elements: [e.element], options: this.options });\n    } else if (this._lastElement) {\n      this.clearPrevElements();\n    }\n  };\n\n  handleReset = (e: InteractionEvent) => {\n    const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);\n\n    if (hasActiveElement) {\n      this.clearPrevElements();\n    }\n  };\n}\n"]}
+{"version":3,"sources":["../src/interactions/element-highlight.ts"],"names":[],"mappings":"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","file":"element-highlight.js","sourcesContent":["import { InteractionStateEnum } from '../graph/enums';\nimport type {\n  ElementHighlightOptions,\n  EventType,\n  IElement,\n  IGlyphElement,\n  IMark,\n  IToggleStateMixin,\n  IView,\n  InteractionEvent\n} from '../types';\nimport { BaseInteraction } from './base';\nimport { groupMarksByState } from './utils';\nimport { isString } from '@visactor/vutils';\n\nexport interface ElementHighlight extends IToggleStateMixin, BaseInteraction<ElementHighlightOptions> {}\n\nexport class ElementHighlight extends BaseInteraction<ElementHighlightOptions> {\n  static type: string = 'element-highlight';\n  type: string = ElementHighlight.type;\n\n  static defaultOptions: ElementHighlightOptions = {\n    highlightState: InteractionStateEnum.highlight,\n    blurState: InteractionStateEnum.blur,\n    trigger: 'pointerover',\n    triggerOff: 'pointerout'\n  };\n  options: ElementHighlightOptions;\n  protected _marks?: IMark[];\n  protected _stateMarks: Record<string, IMark[]>;\n  protected _lastElement?: IElement;\n  protected _statedElements?: (IElement | IGlyphElement)[];\n  protected _resetType?: 'view' | 'self';\n\n  constructor(view: IView, options?: ElementHighlightOptions) {\n    super(view, options);\n    this.options = Object.assign({}, ElementHighlight.defaultOptions, options);\n\n    this._marks = view.getMarksBySelector(this.options.selector);\n    this._stateMarks = groupMarksByState(this._marks, [this.options.highlightState, this.options.blurState]);\n  }\n\n  protected getEvents() {\n    const triggerOff = this.options.triggerOff;\n    const trigger = this.options.trigger;\n    const events = [\n      {\n        type: trigger,\n        handler: this.handleStart\n      }\n    ];\n\n    let eventName = triggerOff;\n    if (isString(triggerOff) && (triggerOff as string).includes('view:')) {\n      eventName = (triggerOff as string).replace('view:', '') as EventType;\n      this._resetType = 'view';\n    } else {\n      this._resetType = 'self';\n    }\n\n    events.push({ type: eventName as EventType, handler: this.handleReset });\n\n    return events;\n  }\n\n  clearPrevElements() {\n    const { highlightState, blurState } = this.options;\n\n    if (this._lastElement) {\n      this.clearAllStates(highlightState, blurState);\n\n      this.dispatchEvent('reset', { elements: [this._lastElement], options: this.options });\n\n      this._lastElement = null;\n\n      this._statedElements = null;\n    }\n  }\n\n  handleStart = (e: InteractionEvent) => {\n    if (e.element && this._marks && this._marks.includes(e.element.mark)) {\n      const { highlightState, blurState } = this.options;\n\n      if (this._lastElement === e.element) {\n        return;\n      }\n\n      this._statedElements = this.updateStates([e.element], this._statedElements, highlightState, blurState);\n\n      this._lastElement = e.element;\n\n      this.dispatchEvent('start', { elements: [e.element], options: this.options });\n    } else if (this._lastElement && this._resetType === 'view') {\n      this.clearPrevElements();\n    }\n  };\n\n  handleReset = (e: InteractionEvent) => {\n    if (!this._statedElements || !this._statedElements.length) {\n      return;\n    }\n\n    const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);\n\n    if (this._resetType === 'view' && !hasActiveElement) {\n      this.clearPrevElements();\n    } else if (this._resetType === 'self' && hasActiveElement) {\n      this.clearPrevElements();\n    }\n  };\n}\n"]}

package/es/interactions/element-select.js

@@ -17,19 +17,18 @@ export class ElementSelect extends BaseInteraction {
             }), this._statedElements = []);
         }, this.handleStart = e => {
             const {state: state, reverseState: reverseState, isMultiple: isMultiple} = this.options;
-            e.element && this._marks && this._marks.includes(e.element.mark) ? e.element.hasState(state) ? "self" === this._resetType && (this._statedElements && (this._statedElements = this._statedElements.filter((el => el !== e.element))), 
-            this.updateStates(state, reverseState)) : (this._timer && clearTimeout(this._timer), 
-            e.element.addState(state), this._statedElements || (this._statedElements = []), 
-            isMultiple ? this._statedElements.push(e.element) : this._statedElements[0] = e.element, 
-            this.updateStates(state, reverseState), this.dispatchEvent("start", {
+            e.element && this._marks && this._marks.includes(e.element.mark) ? e.element.hasState(state) ? "self" === this._resetType && (this._statedElements = this.updateStates(this._statedElements && this._statedElements.filter((el => el !== e.element)), this._statedElements, state, reverseState)) : (this._timer && clearTimeout(this._timer), 
+            e.element.addState(state), this._statedElements = this.updateStates(isMultiple && this._statedElements ? [ ...this._statedElements, e.element ] : [ e.element ], this._statedElements, state, reverseState), 
+            this.dispatchEvent("start", {
                 elements: this._statedElements,
                 options: this.options
             }), "timeout" === this._resetType && (this._timer = setTimeout((() => {
                 this.clearPrevElements();
             }), this.options.triggerOff))) : "view" === this._resetType && this._statedElements && this._statedElements.length && this.clearPrevElements();
         }, this.handleReset = e => {
+            if (!this._statedElements || !this._statedElements.length) return;
             const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);
-            this._statedElements && this._statedElements.length && ("view" !== this._resetType || hasActiveElement ? "self" === this._resetType && hasActiveElement && this.clearPrevElements() : this.clearPrevElements());
+            "view" !== this._resetType || hasActiveElement ? "self" === this._resetType && hasActiveElement && this.clearPrevElements() : this.clearPrevElements();
         }, this.options = Object.assign({}, ElementSelect.defaultOptions, options), this._marks = view.getMarksBySelector(this.options.selector), 
         this._stateMarks = groupMarksByState(this._marks, [ this.options.state, this.options.reverseState ]);
     }

package/es/interactions/element-select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interactions/element-select.ts"],"names":[],"mappings":"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","file":"element-select.js","sourcesContent":["import { isNumber, isString } from '@visactor/vutils';\nimport { InteractionStateEnum } from '../graph/enums';\nimport type {\n  ElementSelectOptions,\n  EventType,\n  IElement,\n  IGlyphElement,\n  IMark,\n  IToggleStateMixin,\n  IView,\n  InteractionEvent\n} from '../types';\nimport { BaseInteraction } from './base';\nimport { groupMarksByState } from './utils';\n\nexport interface ElementSelect extends IToggleStateMixin, BaseInteraction<ElementSelectOptions> {}\n\nexport class ElementSelect extends BaseInteraction<ElementSelectOptions> {\n  static type: string = 'element-select';\n  type: string = ElementSelect.type;\n\n  static defaultOptions: ElementSelectOptions = {\n    state: InteractionStateEnum.selected,\n    trigger: 'click'\n  };\n  protected _resetType?: 'view' | 'self' | 'timeout';\n  protected _marks?: IMark[];\n  protected _stateMarks: Record<string, IMark[]>;\n  private _timer?: number;\n  protected _statedElements?: (IElement | IGlyphElement)[];\n\n  constructor(view: IView, options?: ElementSelectOptions) {\n    super(view, options);\n    this.options = Object.assign({}, ElementSelect.defaultOptions, options);\n\n    this._marks = view.getMarksBySelector(this.options.selector);\n    this._stateMarks = groupMarksByState(this._marks, [this.options.state, this.options.reverseState]);\n  }\n\n  protected getEvents() {\n    const triggerOff = this.options.triggerOff;\n    const trigger = this.options.trigger;\n\n    const events = [\n      {\n        type: trigger,\n        handler: this.handleStart\n      }\n    ];\n\n    let eventName = triggerOff;\n\n    if (triggerOff === 'empty') {\n      eventName = trigger as EventType;\n\n      this._resetType = 'view';\n    } else if (isString(triggerOff)) {\n      if (triggerOff.includes('view:')) {\n        eventName = triggerOff.replace('view:', '') as EventType;\n\n        this._resetType = 'view';\n      } else {\n        eventName = triggerOff;\n\n        this._resetType = 'self';\n      }\n    } else if (isNumber(triggerOff)) {\n      eventName = null;\n      this._resetType = 'timeout';\n    } else {\n      this._resetType = null;\n    }\n\n    if (eventName && eventName !== trigger) {\n      events.push({ type: eventName as EventType, handler: this.handleReset });\n    }\n\n    return events;\n  }\n\n  clearPrevElements = () => {\n    const { state, reverseState } = this.options;\n\n    if (this._statedElements && this._statedElements.length) {\n      this.clearAllStates(state, reverseState);\n      this.dispatchEvent('reset', { elements: this._statedElements, options: this.options });\n\n      this._statedElements = [];\n    }\n  };\n\n  handleStart = (e: InteractionEvent) => {\n    const { state, reverseState, isMultiple } = this.options;\n\n    if (e.element && this._marks && this._marks.includes(e.element.mark)) {\n      if (e.element.hasState(state)) {\n        if (this._resetType === 'self') {\n          if (this._statedElements) {\n            this._statedElements = this._statedElements.filter(el => el !== e.element);\n          }\n\n          this.updateStates(state, reverseState);\n        }\n      } else {\n        if (this._timer) {\n          clearTimeout(this._timer);\n        }\n        e.element.addState(state);\n\n        if (!this._statedElements) {\n          this._statedElements = [];\n        }\n        if (isMultiple) {\n          this._statedElements.push(e.element);\n        } else {\n          this._statedElements[0] = e.element;\n        }\n        this.updateStates(state, reverseState);\n        this.dispatchEvent('start', { elements: this._statedElements, options: this.options });\n\n        if (this._resetType === 'timeout') {\n          this._timer = setTimeout(() => {\n            this.clearPrevElements();\n          }, this.options.triggerOff as number) as unknown as number;\n        }\n      }\n    } else if (this._resetType === 'view' && this._statedElements && this._statedElements.length) {\n      this.clearPrevElements();\n    }\n  };\n\n  handleReset = (e: InteractionEvent) => {\n    const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);\n\n    if (!this._statedElements || !this._statedElements.length) {\n      return;\n    }\n\n    if (this._resetType === 'view' && !hasActiveElement) {\n      this.clearPrevElements();\n    } else if (this._resetType === 'self' && hasActiveElement) {\n      this.clearPrevElements();\n    }\n  };\n}\n"]}
+{"version":3,"sources":["../src/interactions/element-select.ts"],"names":[],"mappings":"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","file":"element-select.js","sourcesContent":["import { isNumber, isString } from '@visactor/vutils';\nimport { InteractionStateEnum } from '../graph/enums';\nimport type {\n  ElementSelectOptions,\n  EventType,\n  IElement,\n  IGlyphElement,\n  IMark,\n  IToggleStateMixin,\n  IView,\n  InteractionEvent\n} from '../types';\nimport { BaseInteraction } from './base';\nimport { groupMarksByState } from './utils';\n\nexport interface ElementSelect extends IToggleStateMixin, BaseInteraction<ElementSelectOptions> {}\n\nexport class ElementSelect extends BaseInteraction<ElementSelectOptions> {\n  static type: string = 'element-select';\n  type: string = ElementSelect.type;\n\n  static defaultOptions: ElementSelectOptions = {\n    state: InteractionStateEnum.selected,\n    trigger: 'click'\n  };\n  protected _resetType?: 'view' | 'self' | 'timeout';\n  protected _marks?: IMark[];\n  protected _stateMarks: Record<string, IMark[]>;\n  private _timer?: number;\n  protected _statedElements?: (IElement | IGlyphElement)[];\n\n  constructor(view: IView, options?: ElementSelectOptions) {\n    super(view, options);\n    this.options = Object.assign({}, ElementSelect.defaultOptions, options);\n\n    this._marks = view.getMarksBySelector(this.options.selector);\n    this._stateMarks = groupMarksByState(this._marks, [this.options.state, this.options.reverseState]);\n  }\n\n  protected getEvents() {\n    const triggerOff = this.options.triggerOff;\n    const trigger = this.options.trigger;\n\n    const events = [\n      {\n        type: trigger,\n        handler: this.handleStart\n      }\n    ];\n\n    let eventName = triggerOff;\n\n    if (triggerOff === 'empty') {\n      eventName = trigger as EventType;\n\n      this._resetType = 'view';\n    } else if (isString(triggerOff)) {\n      if ((triggerOff as string).includes('view:')) {\n        eventName = (triggerOff as string).replace('view:', '') as EventType;\n\n        this._resetType = 'view';\n      } else {\n        eventName = triggerOff;\n\n        this._resetType = 'self';\n      }\n    } else if (isNumber(triggerOff)) {\n      eventName = null;\n      this._resetType = 'timeout';\n    } else {\n      this._resetType = null;\n    }\n\n    if (eventName && eventName !== trigger) {\n      events.push({ type: eventName as EventType, handler: this.handleReset });\n    }\n\n    return events;\n  }\n\n  clearPrevElements = () => {\n    const { state, reverseState } = this.options;\n\n    if (this._statedElements && this._statedElements.length) {\n      this.clearAllStates(state, reverseState);\n      this.dispatchEvent('reset', { elements: this._statedElements, options: this.options });\n\n      this._statedElements = [];\n    }\n  };\n\n  handleStart = (e: InteractionEvent) => {\n    const { state, reverseState, isMultiple } = this.options;\n\n    if (e.element && this._marks && this._marks.includes(e.element.mark)) {\n      if (e.element.hasState(state)) {\n        if (this._resetType === 'self') {\n          this._statedElements = this.updateStates(\n            this._statedElements && this._statedElements.filter(el => el !== e.element),\n            this._statedElements,\n            state,\n            reverseState\n          );\n        }\n      } else {\n        if (this._timer) {\n          clearTimeout(this._timer);\n        }\n        e.element.addState(state);\n\n        this._statedElements = this.updateStates(\n          isMultiple && this._statedElements ? [...this._statedElements, e.element] : [e.element],\n          this._statedElements,\n          state,\n          reverseState\n        );\n        this.dispatchEvent('start', { elements: this._statedElements, options: this.options });\n\n        if (this._resetType === 'timeout') {\n          this._timer = setTimeout(() => {\n            this.clearPrevElements();\n          }, this.options.triggerOff as number) as unknown as number;\n        }\n      }\n    } else if (this._resetType === 'view' && this._statedElements && this._statedElements.length) {\n      this.clearPrevElements();\n    }\n  };\n\n  handleReset = (e: InteractionEvent) => {\n    if (!this._statedElements || !this._statedElements.length) {\n      return;\n    }\n\n    const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);\n\n    if (this._resetType === 'view' && !hasActiveElement) {\n      this.clearPrevElements();\n    } else if (this._resetType === 'self' && hasActiveElement) {\n      this.clearPrevElements();\n    }\n  };\n}\n"]}

package/es/interactions/index.js

@@ -147,5 +147,4 @@ export const registerViewRoam = () => {
 
 export const registerFishEye = () => {
     Factory.registerInteraction(FishEye.type, FishEye);
-};
-//# sourceMappingURL=index.js.map
+};

package/es/interactions/legend-filter.js

@@ -29,4 +29,4 @@ export class LegendFilter extends Filter {
 }
 
 LegendFilter.type = "legend-filter", LegendFilter.defaultOptions = {};
-//# sourceMappingURL=legend-filter.js.map
+//# sourceMappingURL=legend-filter.js.map

package/es/interactions/player-filter.js

@@ -29,4 +29,4 @@ export class PlayerFilter extends Filter {
 }
 
 PlayerFilter.type = "player-filter", PlayerFilter.defaultOptions = {};
-//# sourceMappingURL=player-filter.js.map
+//# sourceMappingURL=player-filter.js.map

package/es/interactions/roll-up.js

@@ -42,4 +42,4 @@ RollUp.type = "roll-up", RollUp.defaultOptions = {
     trigger: "click",
     triggerOff: "empty"
 };
-//# sourceMappingURL=roll-up.js.map
+//# sourceMappingURL=roll-up.js.map

package/es/interactions/scrollbar-filter.js

@@ -47,4 +47,4 @@ export class ScrollbarFilter extends Filter {
 }
 
 ScrollbarFilter.type = "scrollbar-filter", ScrollbarFilter.defaultOptions = {};
-//# sourceMappingURL=scrollbar-filter.js.map
+//# sourceMappingURL=scrollbar-filter.js.map

package/es/interactions/slider-filter.js

@@ -26,4 +26,4 @@ export class SliderFilter extends Filter {
 }
 
 SliderFilter.type = "slider-filter", SliderFilter.defaultOptions = {};
-//# sourceMappingURL=slider-filter.js.map
+//# sourceMappingURL=slider-filter.js.map

package/es/interactions/toggle-state-mixin.d.ts

@@ -3,6 +3,10 @@ export declare class ToggleStateMixin implements IToggleStateMixin {
     protected _statedElements?: (IElement | IGlyphElement)[];
     protected _marks?: IMark[];
     protected _stateMarks: Record<string, IMark[]>;
-    updateStates(state?: string, reverseState?: string): void;
+    updateStates(newStatedElements: (IElement | IGlyphElement)[], prevStatedElements?: (IElement | IGlyphElement)[], state?: string, reverseState?: string): (IGlyphElement<any> | IElement)[];
+    protected toggleReverseStateOfElements(newStatedElements: (IElement | IGlyphElement)[], prevStatedElements: (IElement | IGlyphElement)[], reverseState: string): void;
+    protected toggleStateOfElements(newStatedElements: (IElement | IGlyphElement)[], prevStatedElements: (IElement | IGlyphElement)[], state: string): void;
+    protected addBothStateOfElements(statedElements: (IElement | IGlyphElement)[], state: string, reverseState: string): void;
+    protected addStateOfElements(statedElements: (IElement | IGlyphElement)[], state: string): void;
     clearAllStates(state?: string, reverseState?: string): void;
 }

package/es/interactions/toggle-state-mixin.js

@@ -1,11 +1,36 @@
 export class ToggleStateMixin {
-    updateStates(state, reverseState) {
+    updateStates(newStatedElements, prevStatedElements, state, reverseState) {
+        return newStatedElements && newStatedElements.length ? (state && reverseState ? prevStatedElements && prevStatedElements.length ? (this.toggleReverseStateOfElements(newStatedElements, prevStatedElements, reverseState), 
+        this.toggleStateOfElements(newStatedElements, prevStatedElements, state)) : this.addBothStateOfElements(newStatedElements, state, reverseState) : state && (prevStatedElements && prevStatedElements.length ? this.toggleStateOfElements(newStatedElements, prevStatedElements, state) : this.addStateOfElements(newStatedElements, state)), 
+        newStatedElements) : null;
+    }
+    toggleReverseStateOfElements(newStatedElements, prevStatedElements, reverseState) {
+        prevStatedElements.forEach((element => {
+            reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(element.mark) && element.addState(reverseState);
+        })), newStatedElements.forEach((element => {
+            reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(element.mark) && element.removeState(reverseState);
+        }));
+    }
+    toggleStateOfElements(newStatedElements, prevStatedElements, state) {
+        prevStatedElements.forEach((element => {
+            state && this._stateMarks[state] && this._stateMarks[state].includes(element.mark) && element.removeState(state);
+        })), newStatedElements.forEach((element => {
+            state && this._stateMarks[state] && this._stateMarks[state].includes(element.mark) && element.addState(state);
+        }));
+    }
+    addBothStateOfElements(statedElements, state, reverseState) {
         this._marks.forEach((mark => {
             const hasReverse = reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark), hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(mark);
             (hasReverse || hasState) && mark.elements.forEach((el => {
-                this._statedElements && this._statedElements.includes(el) ? (hasState && el.addState(state), 
-                hasReverse && el.removeState(reverseState)) : (hasState && el.removeState(state), 
-                hasReverse && el.addState(reverseState));
+                statedElements && statedElements.includes(el) ? hasState && el.addState(state) : hasReverse && el.addState(reverseState);
+            }));
+        }));
+    }
+    addStateOfElements(statedElements, state) {
+        this._marks.forEach((mark => {
+            const hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(mark);
+            hasState && mark.elements.forEach((el => {
+                statedElements && statedElements.includes(el) && hasState && el.addState(state);
             }));
         }));
     }
@@ -14,9 +39,9 @@ export class ToggleStateMixin {
             reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark) && mark.elements.forEach((el => {
                 el.removeState(reverseState);
             })), state && this._stateMarks[state] && this._stateMarks[state].includes(mark) && mark.elements.forEach((el => {
-                el.removeState(state);
+                this._statedElements.includes(el) && el.removeState(state);
             }));
         }));
     }
 }
-//# sourceMappingURL=toggle-state-mixin.js.map
+//# sourceMappingURL=toggle-state-mixin.js.map

package/es/interactions/toggle-state-mixin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interactions/toggle-state-mixin.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,gBAAgB;IAK3B,YAAY,CAAC,KAAc,EAAE,YAAqB;QAChD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACzB,MAAM,UAAU,GACd,YAAY,IAAI,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAClG,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAE5F,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,EAAE;gBAC5B,OAAO;aACR;YAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gBAE3E,IAAI,QAAQ,EAAE;oBACZ,IAAI,QAAQ,EAAE;wBACZ,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;qBACpB;oBAED,IAAI,UAAU,EAAE;wBACd,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;qBAC9B;iBACF;qBAAM;oBACL,IAAI,QAAQ,EAAE;wBACZ,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;qBACvB;oBAED,IAAI,UAAU,EAAE;wBACd,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;qBAC3B;iBACF;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,cAAc,CAAC,KAAc,EAAE,YAAqB;QAClD,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;YACzD,OAAO;SACR;QAED,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACzB,IAAI,YAAY,IAAI,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBACnG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;oBACzB,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;gBAC/B,CAAC,CAAC,CAAC;aACJ;YAED,IAAI,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBAC9E,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;oBACzB,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC,CAAC,CAAC;aACJ;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF","file":"toggle-state-mixin.js","sourcesContent":["import type { IElement, IGlyphElement, IMark, IToggleStateMixin } from '../types';\n\nexport class ToggleStateMixin implements IToggleStateMixin {\n  protected _statedElements?: (IElement | IGlyphElement)[];\n  protected _marks?: IMark[];\n  protected _stateMarks: Record<string, IMark[]>;\n\n  updateStates(state?: string, reverseState?: string) {\n    this._marks.forEach(mark => {\n      const hasReverse =\n        reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark);\n      const hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(mark);\n\n      if (!hasReverse && !hasState) {\n        return;\n      }\n\n      mark.elements.forEach(el => {\n        const isStated = this._statedElements && this._statedElements.includes(el);\n\n        if (isStated) {\n          if (hasState) {\n            el.addState(state);\n          }\n\n          if (hasReverse) {\n            el.removeState(reverseState);\n          }\n        } else {\n          if (hasState) {\n            el.removeState(state);\n          }\n\n          if (hasReverse) {\n            el.addState(reverseState);\n          }\n        }\n      });\n    });\n  }\n\n  clearAllStates(state?: string, reverseState?: string) {\n    if (!this._statedElements || !this._statedElements.length) {\n      return;\n    }\n\n    this._marks.forEach(mark => {\n      if (reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark)) {\n        mark.elements.forEach(el => {\n          el.removeState(reverseState);\n        });\n      }\n\n      if (state && this._stateMarks[state] && this._stateMarks[state].includes(mark)) {\n        mark.elements.forEach(el => {\n          el.removeState(state);\n        });\n      }\n    });\n  }\n}\n"]}
+{"version":3,"sources":["../src/interactions/toggle-state-mixin.ts"],"names":[],"mappings":"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","file":"toggle-state-mixin.js","sourcesContent":["import type { IElement, IGlyphElement, IMark, IToggleStateMixin } from '../types';\n\nexport class ToggleStateMixin implements IToggleStateMixin {\n  protected _statedElements?: (IElement | IGlyphElement)[];\n  protected _marks?: IMark[];\n  protected _stateMarks: Record<string, IMark[]>;\n\n  updateStates(\n    newStatedElements: (IElement | IGlyphElement)[],\n    prevStatedElements?: (IElement | IGlyphElement)[],\n    state?: string,\n    reverseState?: string\n  ) {\n    if (!newStatedElements || !newStatedElements.length) {\n      return null;\n    }\n    if (state && reverseState) {\n      if (prevStatedElements && prevStatedElements.length) {\n        // toggle\n        this.toggleReverseStateOfElements(newStatedElements, prevStatedElements, reverseState);\n        this.toggleStateOfElements(newStatedElements, prevStatedElements, state);\n      } else {\n        // update all the elements\n        this.addBothStateOfElements(newStatedElements, state, reverseState);\n      }\n    } else if (state) {\n      if (prevStatedElements && prevStatedElements.length) {\n        this.toggleStateOfElements(newStatedElements, prevStatedElements, state);\n      } else {\n        this.addStateOfElements(newStatedElements, state);\n      }\n    }\n\n    return newStatedElements;\n  }\n\n  protected toggleReverseStateOfElements(\n    newStatedElements: (IElement | IGlyphElement)[],\n    prevStatedElements: (IElement | IGlyphElement)[],\n    reverseState: string\n  ) {\n    prevStatedElements.forEach(element => {\n      const hasReverse =\n        reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(element.mark);\n\n      if (hasReverse) {\n        element.addState(reverseState);\n      }\n    });\n\n    newStatedElements.forEach(element => {\n      const hasReverse =\n        reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(element.mark);\n\n      if (hasReverse) {\n        element.removeState(reverseState);\n      }\n    });\n  }\n\n  protected toggleStateOfElements(\n    newStatedElements: (IElement | IGlyphElement)[],\n    prevStatedElements: (IElement | IGlyphElement)[],\n    state: string\n  ) {\n    prevStatedElements.forEach(element => {\n      const hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(element.mark);\n\n      if (hasState) {\n        element.removeState(state);\n      }\n    });\n\n    newStatedElements.forEach(element => {\n      const hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(element.mark);\n\n      if (hasState) {\n        element.addState(state);\n      }\n    });\n  }\n\n  protected addBothStateOfElements(statedElements: (IElement | IGlyphElement)[], state: string, reverseState: string) {\n    this._marks.forEach(mark => {\n      const hasReverse =\n        reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark);\n      const hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(mark);\n\n      if (!hasReverse && !hasState) {\n        return;\n      }\n\n      mark.elements.forEach(el => {\n        const isStated = statedElements && statedElements.includes(el);\n\n        if (isStated) {\n          if (hasState) {\n            el.addState(state);\n          }\n        } else {\n          if (hasReverse) {\n            el.addState(reverseState);\n          }\n        }\n      });\n    });\n  }\n\n  protected addStateOfElements(statedElements: (IElement | IGlyphElement)[], state: string) {\n    this._marks.forEach(mark => {\n      const hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(mark);\n\n      if (!hasState) {\n        return;\n      }\n\n      mark.elements.forEach(el => {\n        const isStated = statedElements && statedElements.includes(el);\n\n        if (isStated) {\n          if (hasState) {\n            el.addState(state);\n          }\n        }\n      });\n    });\n  }\n\n  clearAllStates(state?: string, reverseState?: string) {\n    if (!this._statedElements || !this._statedElements.length) {\n      return;\n    }\n\n    this._marks.forEach(mark => {\n      if (reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark)) {\n        mark.elements.forEach(el => {\n          el.removeState(reverseState);\n        });\n      }\n\n      if (state && this._stateMarks[state] && this._stateMarks[state].includes(mark)) {\n        mark.elements.forEach(el => {\n          if (this._statedElements.includes(el)) {\n            el.removeState(state);\n          }\n        });\n      }\n    });\n  }\n}\n"]}

package/es/interactions/tooltip.js

@@ -55,4 +55,4 @@ Tooltip.type = "tooltip", Tooltip.defaultOptions = {
     trigger: "pointermove",
     triggerOff: "pointerleave"
 };
-//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=tooltip.js.map

package/es/parse/coordinate.js

@@ -62,4 +62,4 @@ export function configureCoordinate(spec, coordinate, parameters) {
     }
     coordinate.applyTransforms(transforms);
 }
-//# sourceMappingURL=coordinate.js.map
+//# sourceMappingURL=coordinate.js.map

package/es/parse/event.js

@@ -24,4 +24,4 @@ export const parseEventSelector = (selector, source = EVENT_SOURCE_VIEW) => {
     } else 1 === splitArr.length && (spec.type = selector, spec.source = source);
     return spec;
 };
-//# sourceMappingURL=event.js.map
+//# sourceMappingURL=event.js.map

package/es/parse/mark.js

@@ -16,4 +16,4 @@ export function parseEncodeType(encoder, view) {
     return encoder.scale && (dependencies = isGrammar(encoder.scale) ? [ encoder.scale ] : array(view.getScaleById(encoder.scale))), 
     dependencies.concat(parseFunctionType(encoder, view));
 }
-//# sourceMappingURL=mark.js.map
+//# sourceMappingURL=mark.js.map

package/es/parse/option.js

@@ -8,4 +8,4 @@ export const parseOptions = (options, params) => options ? isObject(options) ? O
     const option = options[key];
     return res[key] = parseOptionValue(option, params), res;
 }), {}) : options.map((option => parseOptionValue(option, params))) : options;
-//# sourceMappingURL=option.js.map
+//# sourceMappingURL=option.js.map

package/es/parse/scale.js

@@ -343,4 +343,5 @@ export function configureScale(spec, scale, parameters) {
       case "quantile":
         scale.rescale();
     }
-}
+}
+//# sourceMappingURL=scale.js.map

package/es/parse/transform.js

@@ -99,4 +99,4 @@ export const parseTransformSpec = (spec, view) => {
     }
     return null;
 };
-//# sourceMappingURL=transform.js.map
+//# sourceMappingURL=transform.js.map

package/es/parse/util.js

@@ -62,4 +62,4 @@ export const isGrammar = el => el && !isNil(el.grammarType);
 export const parseField = field => isFunction(field) ? field : datum => datum[field];
 
 export const parseColor = color => isString(color) && Color.parseColorString(color) ? color : null;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/es/parse/view.js

@@ -96,4 +96,4 @@ export const normalizeRunningConfig = runningConfig => {
         enableExitAnimation: enableExitAnimation
     };
 };
-//# sourceMappingURL=view.js.map
+//# sourceMappingURL=view.js.map

package/es/types/interaction.d.ts

@@ -352,7 +352,7 @@ export interface IViewDragMixin {
     handleDragEnd: (e: InteractionEvent, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, dragOptions?: ViewDragSimpleOptions) => ViewNavigationRange;
 }
 export interface IToggleStateMixin {
-    updateStates: (state?: string, reverseState?: string) => void;
+    updateStates: (newStatedElements: (IElement | IGlyphElement)[], prevStatedElements?: (IElement | IGlyphElement)[], state?: string, reverseState?: string) => (IElement | IGlyphElement)[];
     clearAllStates: (state?: string, reverseState?: string) => void;
 }
 export interface ViewStateByDim {

package/es/types/interaction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types/interaction.ts"],"names":[],"mappings":"","file":"interaction.js","sourcesContent":["import type { IView } from './view';\nimport type { EventType, InteractionEvent, ViewEventType } from './event';\nimport type {\n  BaseCrosshairAttrs,\n  BrushAttributes,\n  TooltipAttributes,\n  TooltipRowAttrs\n} from '@visactor/vrender-components';\nimport type { IPolygon, ISymbolGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';\nimport type { IElement, IGlyphElement } from './element';\nimport type { IData, IGrammarBase, IMark, IScale } from './grammar';\nimport type { IPointLike } from '@visactor/vutils';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type { IDatazoom, IScrollbar } from './component';\nimport type { FieldEncodeType, MarkFunctionType } from './mark';\n\nexport interface FilterDataTarget {\n  data: string | IData;\n  filter: string | ((datum: any, filterValues: any[]) => boolean);\n  transform?: (data: any[], filterValues: any[]) => any[];\n}\n\nexport interface IBaseInteractionOptions {\n  id?: string;\n\n  dependency?: string | string[] | IGrammarBase | IGrammarBase[];\n\n  shouldStart?: (e: any) => boolean;\n\n  shouldUpdate?: (e: any) => boolean;\n\n  shouldEnd?: (e: any) => boolean;\n\n  shouldReset?: (e: any) => boolean;\n\n  onStart?: (e: any) => boolean;\n\n  onUpdate?: (e: any) => boolean;\n\n  onEnd?: (e: any) => boolean;\n\n  onReset?: (e: any) => boolean;\n}\n\nexport interface IInteraction<T = any> {\n  readonly options: T;\n  readonly type: string;\n  depend: (grammar: IGrammarBase[] | IGrammarBase | string[] | string) => void;\n  bind: () => void;\n  unbind: () => void;\n}\n\nexport interface IInteractionConstructor<T = any> {\n  readonly type: string;\n\n  new (view: IView, options?: T): IInteraction<T>;\n}\n\n/**\n * the interaction to set the active state of specified marks\n */\nexport interface ElementActiveOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType | EventType[];\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType | EventType[];\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\n/**\n * the interaction to set the seleted state of specified marks\n */\nexport interface ElementSelectOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType | EventType[];\n  /**\n   * the selected state name\n   */\n  state?: string;\n  /**\n   * the non-selected state name\n   */\n  reverseState?: string;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType | EventType[] | ViewEventType | 'empty' | number;\n  /**\n   * whether or not support multiple selected\n   */\n  isMultiple?: boolean;\n}\n\n/**\n * the interaction to set the highlight state of specified marks\n */\nexport interface ElementHighlightOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface ElementFilterOptions {\n  /**\n   * the filter type of element\n   */\n  filterType?: 'key' | 'groupKey';\n  /**\n   * the field to be filtered\n   */\n  filterField?: string;\n}\n\n/**\n * the interaction to set the active state of specified marks trigger by legend\n */\nexport interface ElementActiveByLegendOptions extends IBaseInteractionOptions, ElementFilterOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\n/**\n * the interaction to set the active state of specified marks trigger by legend\n */\nexport interface ElementHighlightByLegendOptions extends IBaseInteractionOptions, ElementFilterOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface ElementHighlightByNameOptions extends ElementHighlightByLegendOptions {\n  graphicName?: string | string[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n\n  parseData?: (e: InteractionEvent) => any;\n}\n\nexport interface BrushEventParams {\n  operateType: string;\n  operateMask: IPolygon;\n  activeElements?: (IElement | IGlyphElement)[];\n}\n\nexport interface BrushOptions extends IBaseInteractionOptions, BrushAttributes {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n\n  onStart?: (params: BrushEventParams) => boolean;\n\n  onUpdate?: (params: BrushEventParams) => boolean;\n\n  onEnd?: (params: BrushEventParams) => boolean;\n\n  onReset?: (params: BrushEventParams) => boolean;\n}\n\nexport interface BrushHighlightOptions extends BrushOptions {\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface BrushActiveOptions extends BrushOptions {\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\nexport interface BrushFilterOptions extends BrushOptions {\n  target: {\n    data: IData | string;\n    transform?: (data: any[], filterValue: any) => any[];\n  };\n}\n\nexport interface DataFilterOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  source?: string | string[] | IMark | IMark[];\n\n  /**\n   * data target\n   */\n  target: {\n    data: IData | string;\n    filter?: string | ((datum: any, filterValue: any) => boolean);\n    transform?: (data: any[], filterValue: any) => any[];\n  };\n}\n\nexport interface DrillDownOptions extends BrushOptions {\n  /**\n   * enable brush\n   */\n  brush?: boolean;\n  // trigger attribute is included in brush attributes\n  target: {\n    data: IData | string;\n    transform?: (data: any[], filterValue: any) => any[];\n  };\n}\n\nexport interface RollUpOptions extends DataFilterOptions {\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType | ViewEventType | 'empty';\n}\n\nexport type CustomTooltipCallback = (\n  datum: any,\n  element: IElement,\n  parameters: any\n) => TooltipRowAttrs | TooltipRowAttrs[];\n\nexport interface ITooltipRow {\n  visible?: boolean;\n  key?: MarkFunctionType<string | Partial<ITextGraphicAttribute>> | FieldEncodeType;\n  value?: MarkFunctionType<string | Partial<ITextGraphicAttribute>> | FieldEncodeType;\n  symbol?: MarkFunctionType<string | Partial<ISymbolGraphicAttribute>> | FieldEncodeType;\n}\n\nexport type TooltipType = 'x' | 'y' | 'angle' | 'radius';\n\nexport interface TooltipOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n\n  title?: ITooltipRow | string | CustomTooltipCallback;\n  content?: ITooltipRow | ITooltipRow[] | CustomTooltipCallback;\n  attributes?: MarkFunctionType<TooltipAttributes>;\n}\n\nexport interface DimensionTooltipOptions extends TooltipOptions {\n  scale?: IScale | string;\n  tooltipType?: TooltipType;\n  target?: {\n    data: IData | string;\n    filter: string | ((datum: any, tooltipValue: any) => boolean);\n  };\n  avoidMark?: string | string[];\n  container?: string | IMark;\n  center?: IPointLike;\n}\n\nexport type CrosshairType = 'x' | 'y' | 'angle' | 'radius' | 'radius-polygon';\n\nexport type CrosshairShape = 'line' | 'rect';\n\nexport interface CrosshairOptions extends IBaseInteractionOptions {\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n  scale?: IScale | string;\n  crosshairType?: CrosshairType;\n  crosshairShape?: CrosshairShape;\n  container?: string | IMark;\n  radius?: number;\n  center?: IPointLike;\n  attributes?: MarkFunctionType<BaseCrosshairAttrs>;\n}\nexport interface ViewNavigationBaseOptions {\n  enableX?: boolean;\n  enableY?: boolean;\n  scaleX?: string | IScale;\n  scaleY?: string | IScale;\n  dataTargetX?: FilterDataTarget;\n  dataTargetY?: FilterDataTarget;\n  throttle?: number;\n  linkedComponentX?: string | IDatazoom | IScrollbar;\n  linkedComponentY?: string | IDatazoom | IScrollbar;\n}\n\nexport interface ViewZoomSimpleOptions {\n  realtime?: boolean;\n  rate?: number;\n  focus?: boolean;\n  trigger?: EventType;\n  endTrigger?: EventType;\n  triggerOff?: EventType;\n}\n\nexport type ViewZoomOptions = ViewZoomSimpleOptions & IBaseInteractionOptions & ViewNavigationBaseOptions;\n\nexport interface ViewScrollSimpleOptions {\n  realtime?: boolean;\n  reversed?: boolean;\n  trigger?: EventType;\n  endTrigger?: EventType;\n}\nexport type ViewScrollOptions = ViewScrollSimpleOptions & IBaseInteractionOptions & ViewNavigationBaseOptions;\n\nexport interface ViewDragSimpleOptions {\n  realtime?: boolean;\n  reversed?: boolean;\n  trigger?: EventType;\n  endTrigger?: EventType;\n  updateTrigger?: EventType;\n}\n\nexport type ViewDragOptions = ViewDragSimpleOptions & IBaseInteractionOptions & ViewNavigationBaseOptions;\n\nexport interface ViewRoamOptions extends IBaseInteractionOptions, ViewNavigationBaseOptions {\n  zoom?: ViewZoomSimpleOptions & { enable?: boolean };\n  scroll?: ViewScrollSimpleOptions & { enable?: boolean };\n  drag?: ViewDragSimpleOptions & { enable?: boolean };\n}\n\n/**\n * the interaction to set the highlight state of specified marks\n */\nexport interface SankeyHighlightOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of node mark\n   */\n  nodeSelector?: string | IMark;\n  /**\n   * the selector of link mark\n   */\n  linkSelector?: string | IMark;\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n  /** set highlight state to different type of nodes */\n  effect?: 'adjacency' | 'related';\n}\n\nexport interface FishEyeOptions extends IBaseInteractionOptions {\n  selector?: string | string[] | IMark | IMark[];\n  /** the radius of x-direction */\n  radiusX?: number;\n  /** the radius of y-direction */\n  radiusY?: number;\n  /** the radiusRatio of x-direction */\n  radiusRatioX?: number;\n  /** the radiusRatio of y-direction */\n  radiusRatioY?: number;\n  /** x方向的扰动 */\n  distortionX?: number;\n  /** y方向的扰动 */\n  distortionY?: number;\n  /** 禁用 x方向的变形 */\n  enableX?: boolean;\n  /** 禁用y方向的变形 */\n  enableY?: boolean;\n  /** x方向的scale */\n  scaleX?: string | IScale;\n  /** y方向的scale */\n  scaleY?: string | IScale;\n  /** 节流的时长，单位为ms */\n  throttle?: number;\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the trigger event of end\n   */\n  endTrigger?: EventType;\n  /**\n   * the trigger event of updating\n   */\n  updateTrigger?: EventType;\n  /**\n   * the trigger event of reset\n   */\n  triggerOff?: string;\n}\n\nexport interface ElementActiveSpec extends ElementActiveOptions {\n  type: 'element-active';\n}\nexport interface ElementSelectSpec extends ElementSelectOptions {\n  type: 'element-select';\n}\nexport interface ElementHighlightSpec extends ElementHighlightOptions {\n  type: 'element-highlight';\n}\nexport interface ElementHighlightByKeySpec extends ElementHighlightOptions {\n  type: 'element-highlight-by-key';\n}\nexport interface ElementHighlightByGroupSpec extends ElementHighlightOptions {\n  type: 'element-highlight-by-group';\n}\nexport interface ElementActiveByLegendSpec extends ElementActiveByLegendOptions {\n  type: 'element-active-by-legend';\n}\n\nexport interface ElementHighlightByLegendSpec extends ElementHighlightByLegendOptions {\n  type: 'element-highlight-by-legend';\n}\n\nexport interface ElementHighlightByNameSpec extends ElementHighlightByNameOptions {\n  type: 'element-highlight-by-name';\n}\n\nexport interface BrushHighlightSpec extends BrushHighlightOptions {\n  type: 'brush-highlight';\n}\n\nexport interface BrushActiveSpec extends BrushActiveOptions {\n  type: 'brush-active';\n}\n\nexport interface BrushFilterSpec extends BrushFilterOptions {\n  type: 'brush-filter';\n}\n\nexport interface LegendFilterSpec extends DataFilterOptions {\n  type: 'legend-filter';\n}\n\nexport interface DatazoomFilterSpec extends DataFilterOptions {\n  type: 'datazoom-filter';\n}\n\nexport interface SliderFilterSpec extends DataFilterOptions {\n  type: 'slider-filter';\n}\n\nexport interface PlayerFilterSpec extends DataFilterOptions {\n  type: 'player-filter';\n}\n\nexport interface ScrollbarFilterSpec extends DataFilterOptions {\n  type: 'scrollbar-filter';\n}\n\nexport interface DrillDownSpec extends DrillDownOptions {\n  type: 'drill-down';\n}\n\nexport interface RollUpSpec extends RollUpOptions {\n  type: 'roll-up';\n}\n\nexport interface TooltipSpec extends TooltipOptions {\n  type: 'tooltip';\n}\n\nexport interface DimensionTooltipSpec extends DimensionTooltipOptions {\n  type: 'dimension-tooltip';\n}\n\nexport interface CrosshairSpec extends CrosshairOptions {\n  type: 'crosshair';\n}\nexport interface ViewRoamSpec extends ViewRoamOptions {\n  type: 'view-roam';\n}\n\nexport interface ViewZoomSpec extends ViewZoomOptions {\n  type: 'view-zoom';\n}\n\nexport interface ViewScrollSpec extends ViewScrollOptions {\n  type: 'view-scroll';\n}\n\nexport interface ViewDragSpec extends ViewDragOptions {\n  type: 'view-drag';\n}\n\nexport interface SankeyHighlightSpec extends SankeyHighlightOptions {\n  type: 'sankey-highlight';\n}\n\nexport interface FishEyeSpec extends FishEyeOptions {\n  type: 'fish-eye';\n}\n\nexport interface CustomizedInteractionSpec extends IBaseInteractionOptions {\n  type: string;\n}\n\nexport type InteractionSpec =\n  | ElementActiveSpec\n  | ElementSelectSpec\n  | ElementHighlightSpec\n  | ElementHighlightByKeySpec\n  | ElementHighlightByGroupSpec\n  | ElementActiveByLegendSpec\n  | ElementHighlightByLegendSpec\n  | ElementHighlightByNameSpec\n  | BrushHighlightSpec\n  | BrushActiveSpec\n  | BrushFilterSpec\n  | LegendFilterSpec\n  | DatazoomFilterSpec\n  | SliderFilterSpec\n  | PlayerFilterSpec\n  | ScrollbarFilterSpec\n  | DrillDownSpec\n  | RollUpSpec\n  | TooltipSpec\n  | DimensionTooltipSpec\n  | CrosshairSpec\n  | ViewRoamSpec\n  | ViewZoomSpec\n  | ViewScrollSpec\n  | ViewDragSpec\n  | SankeyHighlightSpec\n  | FishEyeSpec\n  | CustomizedInteractionSpec;\n\nexport interface ViewNavigationRange {\n  needUpdate?: boolean;\n  x?: [number, number];\n  y?: [number, number];\n}\n\nexport interface IViewZoomMixin {\n  updateZoomRange: (\n    rangeFactor: [number, number],\n    range: [number, number],\n    zoomEvent: { zoomDelta: number; zoomX: number; zoomY: number },\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => [number, number];\n  formatZoomEvent: (e: InteractionEvent) => InteractionEvent & { zoomDelta?: number; zoomX?: number; zoomY?: number };\n  handleZoomStart: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => ViewNavigationRange;\n  handleZoomEnd: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => ViewNavigationRange;\n  handleZoomReset: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => ViewNavigationRange;\n}\n\nexport interface IViewScrollMixin {\n  formatScrollEvent: (e: InteractionEvent) => InteractionEvent & { scrollX?: number; scrollY?: number };\n  handleScrollStart: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    scrollOptions?: ViewScrollSimpleOptions\n  ) => ViewNavigationRange;\n  handleScrollEnd: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    scrollOptions?: ViewScrollSimpleOptions\n  ) => ViewNavigationRange;\n}\n\nexport interface IViewDragMixin {\n  handleDragStart: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    dragOptions?: ViewDragSimpleOptions\n  ) => ViewNavigationRange;\n  handleDragUpdate: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    dragOptions?: ViewDragSimpleOptions\n  ) => ViewNavigationRange;\n  handleDragEnd: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    dragOptions?: ViewDragSimpleOptions\n  ) => ViewNavigationRange;\n}\n\nexport interface IToggleStateMixin {\n  updateStates: (state?: string, reverseState?: string) => void;\n  clearAllStates: (state?: string, reverseState?: string) => void;\n}\n\nexport interface ViewStateByDim {\n  scale?: IScale;\n  data?: IData;\n  linkedComponent?: IDatazoom | IScrollbar;\n  filterValue?: any[];\n  wholeScale?: IBaseScale;\n  rangeFactor?: [number, number];\n}\n"]}
+{"version":3,"sources":["../src/types/interaction.ts"],"names":[],"mappings":"","file":"interaction.js","sourcesContent":["import type { IView } from './view';\nimport type { EventType, InteractionEvent, ViewEventType } from './event';\nimport type {\n  BaseCrosshairAttrs,\n  BrushAttributes,\n  TooltipAttributes,\n  TooltipRowAttrs\n} from '@visactor/vrender-components';\nimport type { IPolygon, ISymbolGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';\nimport type { IElement, IGlyphElement } from './element';\nimport type { IData, IGrammarBase, IMark, IScale } from './grammar';\nimport type { IPointLike } from '@visactor/vutils';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type { IDatazoom, IScrollbar } from './component';\nimport type { FieldEncodeType, MarkFunctionType } from './mark';\n\nexport interface FilterDataTarget {\n  data: string | IData;\n  filter: string | ((datum: any, filterValues: any[]) => boolean);\n  transform?: (data: any[], filterValues: any[]) => any[];\n}\n\nexport interface IBaseInteractionOptions {\n  id?: string;\n\n  dependency?: string | string[] | IGrammarBase | IGrammarBase[];\n\n  shouldStart?: (e: any) => boolean;\n\n  shouldUpdate?: (e: any) => boolean;\n\n  shouldEnd?: (e: any) => boolean;\n\n  shouldReset?: (e: any) => boolean;\n\n  onStart?: (e: any) => boolean;\n\n  onUpdate?: (e: any) => boolean;\n\n  onEnd?: (e: any) => boolean;\n\n  onReset?: (e: any) => boolean;\n}\n\nexport interface IInteraction<T = any> {\n  readonly options: T;\n  readonly type: string;\n  depend: (grammar: IGrammarBase[] | IGrammarBase | string[] | string) => void;\n  bind: () => void;\n  unbind: () => void;\n}\n\nexport interface IInteractionConstructor<T = any> {\n  readonly type: string;\n\n  new (view: IView, options?: T): IInteraction<T>;\n}\n\n/**\n * the interaction to set the active state of specified marks\n */\nexport interface ElementActiveOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType | EventType[];\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType | EventType[];\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\n/**\n * the interaction to set the seleted state of specified marks\n */\nexport interface ElementSelectOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType | EventType[];\n  /**\n   * the selected state name\n   */\n  state?: string;\n  /**\n   * the non-selected state name\n   */\n  reverseState?: string;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType | EventType[] | ViewEventType | 'empty' | number;\n  /**\n   * whether or not support multiple selected\n   */\n  isMultiple?: boolean;\n}\n\n/**\n * the interaction to set the highlight state of specified marks\n */\nexport interface ElementHighlightOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface ElementFilterOptions {\n  /**\n   * the filter type of element\n   */\n  filterType?: 'key' | 'groupKey';\n  /**\n   * the field to be filtered\n   */\n  filterField?: string;\n}\n\n/**\n * the interaction to set the active state of specified marks trigger by legend\n */\nexport interface ElementActiveByLegendOptions extends IBaseInteractionOptions, ElementFilterOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\n/**\n * the interaction to set the active state of specified marks trigger by legend\n */\nexport interface ElementHighlightByLegendOptions extends IBaseInteractionOptions, ElementFilterOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface ElementHighlightByNameOptions extends ElementHighlightByLegendOptions {\n  graphicName?: string | string[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n\n  parseData?: (e: InteractionEvent) => any;\n}\n\nexport interface BrushEventParams {\n  operateType: string;\n  operateMask: IPolygon;\n  activeElements?: (IElement | IGlyphElement)[];\n}\n\nexport interface BrushOptions extends IBaseInteractionOptions, BrushAttributes {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n\n  onStart?: (params: BrushEventParams) => boolean;\n\n  onUpdate?: (params: BrushEventParams) => boolean;\n\n  onEnd?: (params: BrushEventParams) => boolean;\n\n  onReset?: (params: BrushEventParams) => boolean;\n}\n\nexport interface BrushHighlightOptions extends BrushOptions {\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface BrushActiveOptions extends BrushOptions {\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\nexport interface BrushFilterOptions extends BrushOptions {\n  target: {\n    data: IData | string;\n    transform?: (data: any[], filterValue: any) => any[];\n  };\n}\n\nexport interface DataFilterOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  source?: string | string[] | IMark | IMark[];\n\n  /**\n   * data target\n   */\n  target: {\n    data: IData | string;\n    filter?: string | ((datum: any, filterValue: any) => boolean);\n    transform?: (data: any[], filterValue: any) => any[];\n  };\n}\n\nexport interface DrillDownOptions extends BrushOptions {\n  /**\n   * enable brush\n   */\n  brush?: boolean;\n  // trigger attribute is included in brush attributes\n  target: {\n    data: IData | string;\n    transform?: (data: any[], filterValue: any) => any[];\n  };\n}\n\nexport interface RollUpOptions extends DataFilterOptions {\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType | ViewEventType | 'empty';\n}\n\nexport type CustomTooltipCallback = (\n  datum: any,\n  element: IElement,\n  parameters: any\n) => TooltipRowAttrs | TooltipRowAttrs[];\n\nexport interface ITooltipRow {\n  visible?: boolean;\n  key?: MarkFunctionType<string | Partial<ITextGraphicAttribute>> | FieldEncodeType;\n  value?: MarkFunctionType<string | Partial<ITextGraphicAttribute>> | FieldEncodeType;\n  symbol?: MarkFunctionType<string | Partial<ISymbolGraphicAttribute>> | FieldEncodeType;\n}\n\nexport type TooltipType = 'x' | 'y' | 'angle' | 'radius';\n\nexport interface TooltipOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of marks\n   */\n  selector?: string | string[] | IMark | IMark[];\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n\n  title?: ITooltipRow | string | CustomTooltipCallback;\n  content?: ITooltipRow | ITooltipRow[] | CustomTooltipCallback;\n  attributes?: MarkFunctionType<TooltipAttributes>;\n}\n\nexport interface DimensionTooltipOptions extends TooltipOptions {\n  scale?: IScale | string;\n  tooltipType?: TooltipType;\n  target?: {\n    data: IData | string;\n    filter: string | ((datum: any, tooltipValue: any) => boolean);\n  };\n  avoidMark?: string | string[];\n  container?: string | IMark;\n  center?: IPointLike;\n}\n\nexport type CrosshairType = 'x' | 'y' | 'angle' | 'radius' | 'radius-polygon';\n\nexport type CrosshairShape = 'line' | 'rect';\n\nexport interface CrosshairOptions extends IBaseInteractionOptions {\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n  scale?: IScale | string;\n  crosshairType?: CrosshairType;\n  crosshairShape?: CrosshairShape;\n  container?: string | IMark;\n  radius?: number;\n  center?: IPointLike;\n  attributes?: MarkFunctionType<BaseCrosshairAttrs>;\n}\nexport interface ViewNavigationBaseOptions {\n  enableX?: boolean;\n  enableY?: boolean;\n  scaleX?: string | IScale;\n  scaleY?: string | IScale;\n  dataTargetX?: FilterDataTarget;\n  dataTargetY?: FilterDataTarget;\n  throttle?: number;\n  linkedComponentX?: string | IDatazoom | IScrollbar;\n  linkedComponentY?: string | IDatazoom | IScrollbar;\n}\n\nexport interface ViewZoomSimpleOptions {\n  realtime?: boolean;\n  rate?: number;\n  focus?: boolean;\n  trigger?: EventType;\n  endTrigger?: EventType;\n  triggerOff?: EventType;\n}\n\nexport type ViewZoomOptions = ViewZoomSimpleOptions & IBaseInteractionOptions & ViewNavigationBaseOptions;\n\nexport interface ViewScrollSimpleOptions {\n  realtime?: boolean;\n  reversed?: boolean;\n  trigger?: EventType;\n  endTrigger?: EventType;\n}\nexport type ViewScrollOptions = ViewScrollSimpleOptions & IBaseInteractionOptions & ViewNavigationBaseOptions;\n\nexport interface ViewDragSimpleOptions {\n  realtime?: boolean;\n  reversed?: boolean;\n  trigger?: EventType;\n  endTrigger?: EventType;\n  updateTrigger?: EventType;\n}\n\nexport type ViewDragOptions = ViewDragSimpleOptions & IBaseInteractionOptions & ViewNavigationBaseOptions;\n\nexport interface ViewRoamOptions extends IBaseInteractionOptions, ViewNavigationBaseOptions {\n  zoom?: ViewZoomSimpleOptions & { enable?: boolean };\n  scroll?: ViewScrollSimpleOptions & { enable?: boolean };\n  drag?: ViewDragSimpleOptions & { enable?: boolean };\n}\n\n/**\n * the interaction to set the highlight state of specified marks\n */\nexport interface SankeyHighlightOptions extends IBaseInteractionOptions {\n  /**\n   * the selector of node mark\n   */\n  nodeSelector?: string | IMark;\n  /**\n   * the selector of link mark\n   */\n  linkSelector?: string | IMark;\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: EventType;\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n  /** set highlight state to different type of nodes */\n  effect?: 'adjacency' | 'related';\n}\n\nexport interface FishEyeOptions extends IBaseInteractionOptions {\n  selector?: string | string[] | IMark | IMark[];\n  /** the radius of x-direction */\n  radiusX?: number;\n  /** the radius of y-direction */\n  radiusY?: number;\n  /** the radiusRatio of x-direction */\n  radiusRatioX?: number;\n  /** the radiusRatio of y-direction */\n  radiusRatioY?: number;\n  /** x方向的扰动 */\n  distortionX?: number;\n  /** y方向的扰动 */\n  distortionY?: number;\n  /** 禁用 x方向的变形 */\n  enableX?: boolean;\n  /** 禁用y方向的变形 */\n  enableY?: boolean;\n  /** x方向的scale */\n  scaleX?: string | IScale;\n  /** y方向的scale */\n  scaleY?: string | IScale;\n  /** 节流的时长，单位为ms */\n  throttle?: number;\n  /**\n   * the trigger event name\n   */\n  trigger?: EventType;\n  /**\n   * the trigger event of end\n   */\n  endTrigger?: EventType;\n  /**\n   * the trigger event of updating\n   */\n  updateTrigger?: EventType;\n  /**\n   * the trigger event of reset\n   */\n  triggerOff?: string;\n}\n\nexport interface ElementActiveSpec extends ElementActiveOptions {\n  type: 'element-active';\n}\nexport interface ElementSelectSpec extends ElementSelectOptions {\n  type: 'element-select';\n}\nexport interface ElementHighlightSpec extends ElementHighlightOptions {\n  type: 'element-highlight';\n}\nexport interface ElementHighlightByKeySpec extends ElementHighlightOptions {\n  type: 'element-highlight-by-key';\n}\nexport interface ElementHighlightByGroupSpec extends ElementHighlightOptions {\n  type: 'element-highlight-by-group';\n}\nexport interface ElementActiveByLegendSpec extends ElementActiveByLegendOptions {\n  type: 'element-active-by-legend';\n}\n\nexport interface ElementHighlightByLegendSpec extends ElementHighlightByLegendOptions {\n  type: 'element-highlight-by-legend';\n}\n\nexport interface ElementHighlightByNameSpec extends ElementHighlightByNameOptions {\n  type: 'element-highlight-by-name';\n}\n\nexport interface BrushHighlightSpec extends BrushHighlightOptions {\n  type: 'brush-highlight';\n}\n\nexport interface BrushActiveSpec extends BrushActiveOptions {\n  type: 'brush-active';\n}\n\nexport interface BrushFilterSpec extends BrushFilterOptions {\n  type: 'brush-filter';\n}\n\nexport interface LegendFilterSpec extends DataFilterOptions {\n  type: 'legend-filter';\n}\n\nexport interface DatazoomFilterSpec extends DataFilterOptions {\n  type: 'datazoom-filter';\n}\n\nexport interface SliderFilterSpec extends DataFilterOptions {\n  type: 'slider-filter';\n}\n\nexport interface PlayerFilterSpec extends DataFilterOptions {\n  type: 'player-filter';\n}\n\nexport interface ScrollbarFilterSpec extends DataFilterOptions {\n  type: 'scrollbar-filter';\n}\n\nexport interface DrillDownSpec extends DrillDownOptions {\n  type: 'drill-down';\n}\n\nexport interface RollUpSpec extends RollUpOptions {\n  type: 'roll-up';\n}\n\nexport interface TooltipSpec extends TooltipOptions {\n  type: 'tooltip';\n}\n\nexport interface DimensionTooltipSpec extends DimensionTooltipOptions {\n  type: 'dimension-tooltip';\n}\n\nexport interface CrosshairSpec extends CrosshairOptions {\n  type: 'crosshair';\n}\nexport interface ViewRoamSpec extends ViewRoamOptions {\n  type: 'view-roam';\n}\n\nexport interface ViewZoomSpec extends ViewZoomOptions {\n  type: 'view-zoom';\n}\n\nexport interface ViewScrollSpec extends ViewScrollOptions {\n  type: 'view-scroll';\n}\n\nexport interface ViewDragSpec extends ViewDragOptions {\n  type: 'view-drag';\n}\n\nexport interface SankeyHighlightSpec extends SankeyHighlightOptions {\n  type: 'sankey-highlight';\n}\n\nexport interface FishEyeSpec extends FishEyeOptions {\n  type: 'fish-eye';\n}\n\nexport interface CustomizedInteractionSpec extends IBaseInteractionOptions {\n  type: string;\n}\n\nexport type InteractionSpec =\n  | ElementActiveSpec\n  | ElementSelectSpec\n  | ElementHighlightSpec\n  | ElementHighlightByKeySpec\n  | ElementHighlightByGroupSpec\n  | ElementActiveByLegendSpec\n  | ElementHighlightByLegendSpec\n  | ElementHighlightByNameSpec\n  | BrushHighlightSpec\n  | BrushActiveSpec\n  | BrushFilterSpec\n  | LegendFilterSpec\n  | DatazoomFilterSpec\n  | SliderFilterSpec\n  | PlayerFilterSpec\n  | ScrollbarFilterSpec\n  | DrillDownSpec\n  | RollUpSpec\n  | TooltipSpec\n  | DimensionTooltipSpec\n  | CrosshairSpec\n  | ViewRoamSpec\n  | ViewZoomSpec\n  | ViewScrollSpec\n  | ViewDragSpec\n  | SankeyHighlightSpec\n  | FishEyeSpec\n  | CustomizedInteractionSpec;\n\nexport interface ViewNavigationRange {\n  needUpdate?: boolean;\n  x?: [number, number];\n  y?: [number, number];\n}\n\nexport interface IViewZoomMixin {\n  updateZoomRange: (\n    rangeFactor: [number, number],\n    range: [number, number],\n    zoomEvent: { zoomDelta: number; zoomX: number; zoomY: number },\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => [number, number];\n  formatZoomEvent: (e: InteractionEvent) => InteractionEvent & { zoomDelta?: number; zoomX?: number; zoomY?: number };\n  handleZoomStart: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => ViewNavigationRange;\n  handleZoomEnd: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => ViewNavigationRange;\n  handleZoomReset: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ) => ViewNavigationRange;\n}\n\nexport interface IViewScrollMixin {\n  formatScrollEvent: (e: InteractionEvent) => InteractionEvent & { scrollX?: number; scrollY?: number };\n  handleScrollStart: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    scrollOptions?: ViewScrollSimpleOptions\n  ) => ViewNavigationRange;\n  handleScrollEnd: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    scrollOptions?: ViewScrollSimpleOptions\n  ) => ViewNavigationRange;\n}\n\nexport interface IViewDragMixin {\n  handleDragStart: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    dragOptions?: ViewDragSimpleOptions\n  ) => ViewNavigationRange;\n  handleDragUpdate: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    dragOptions?: ViewDragSimpleOptions\n  ) => ViewNavigationRange;\n  handleDragEnd: (\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    dragOptions?: ViewDragSimpleOptions\n  ) => ViewNavigationRange;\n}\n\nexport interface IToggleStateMixin {\n  updateStates: (\n    newStatedElements: (IElement | IGlyphElement)[],\n    prevStatedElements?: (IElement | IGlyphElement)[],\n    state?: string,\n    reverseState?: string\n  ) => (IElement | IGlyphElement)[];\n  clearAllStates: (state?: string, reverseState?: string) => void;\n}\n\nexport interface ViewStateByDim {\n  scale?: IScale;\n  data?: IData;\n  linkedComponent?: IDatazoom | IScrollbar;\n  filterValue?: any[];\n  wholeScale?: IBaseScale;\n  rangeFactor?: [number, number];\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vgrammar-core",
-  "version": "0.11.4",
+  "version": "0.11.5-alpha.0",
   "description": "VGrammar is a visual grammar library",
   "keywords": [
     "grammar",
@@ -24,8 +24,8 @@
     "dist"
   ],
   "dependencies": {
-    "@visactor/vgrammar-coordinate": "0.11.4",
-    "@visactor/vgrammar-util": "0.11.4",
+    "@visactor/vgrammar-coordinate": "0.11.5-alpha.0",
+    "@visactor/vgrammar-util": "0.11.5-alpha.0",
     "@visactor/vscale": "~0.17.4",
     "@visactor/vrender-core": "0.17.19",
     "@visactor/vrender-kits": "0.17.19",
@@ -44,10 +44,10 @@
     "ts-jest": "~29.1.0",
     "@types/jest": "~29.5.0",
     "typescript": "4.9.5",
-    "@internal/jest-config": "0.0.1",
-    "@internal/ts-config": "0.0.1",
     "@internal/eslint-config": "0.0.1",
-    "@internal/bundler": "0.0.1"
+    "@internal/jest-config": "0.0.1",
+    "@internal/bundler": "0.0.1",
+    "@internal/ts-config": "0.0.1"
   },
   "publishConfig": {
     "access": "public",