@visactor/vchart 1.13.7-alpha.0 → 2.0.0-alpha.0

package/esm/interaction/triggers/element-active-by-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-active-by-legend.ts"],"names":[],"mappings":"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","file":"element-active-by-legend.js","sourcesContent":["import { Factory } from '../../core/factory';\nimport { BaseTrigger } from './base';\nimport type { IElementActiveByLegendOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';\nimport { ChartEvent } from '../../constant/event';\nimport { isNil } from '@visactor/vutils';\nimport { generateFilterValue } from './util';\nimport type { IMarkGraphic } from '../../mark/interface';\nimport type { BaseEventParams } from '../../core';\nimport { STATE_VALUE_ENUM } from '../../compile/mark/interface';\n\nconst type = 'element-active-by-legend';\nconst defaultOptions: Partial<IElementActiveByLegendOptions> = {\n  state: STATE_VALUE_ENUM.STATE_ACTIVE,\n  filterType: 'groupKey'\n};\n\nexport class ElementActiveByLegend\n  extends BaseTrigger<IElementActiveByLegendOptions>\n  implements ITrigger<IElementActiveByLegendOptions>\n{\n  static type: string = type;\n  type: string = type;\n\n  static defaultOptions = defaultOptions;\n\n  constructor(options?: IElementActiveByLegendOptions) {\n    super(options);\n    this.options = Object.assign({}, defaultOptions, options);\n\n    this.updateMarkIdByState([this.options.state]);\n  }\n  protected getEvents(): Array<{ type: string | string[]; handler: ITriggerEventHandler }> {\n    return [\n      {\n        type: ChartEvent.legendItemHover,\n        handler: this.handleStart\n      },\n      {\n        type: ChartEvent.legendItemUnHover,\n        handler: this.handleReset\n      }\n    ];\n  }\n\n  getStartState(): string {\n    return this.options.state;\n  }\n  start(itemKey: string) {\n    if (isNil(itemKey)) {\n      return;\n    }\n    const { interaction, state } = this.options;\n    const filterValue = generateFilterValue(this.options);\n    const statedGraphics = interaction.getStatedGraphics(this);\n    const newStatedGraphics: IMarkGraphic[] = [];\n\n    this.getMarks().forEach(m => {\n      m.getGraphics()?.forEach(g => {\n        if (filterValue(g) === itemKey) {\n          newStatedGraphics.push(g);\n        }\n      });\n    });\n\n    interaction.updateStates(this, newStatedGraphics, statedGraphics, state);\n    interaction.setStatedGraphics(this, newStatedGraphics);\n  }\n\n  resetAll() {\n    const { interaction, state } = this.options;\n\n    interaction.clearAllStatesOfTrigger(this, state);\n\n    interaction.setStatedGraphics(this, []);\n  }\n\n  reset(g?: IMarkGraphic) {\n    const { state, interaction } = this.options;\n\n    if (g) {\n      const statedGraphics = interaction.getStatedGraphics(this);\n      if (statedGraphics && statedGraphics.includes(g)) {\n        g.removeState(state);\n        interaction.setStatedGraphics(\n          this,\n          statedGraphics.filter(sg => sg !== g)\n        );\n      }\n    } else {\n      this.resetAll();\n    }\n  }\n\n  handleStart = (e: BaseEventParams) => {\n    const event = e.event;\n\n    if (event) {\n      this.start(event.detail?.data?.id);\n    }\n  };\n\n  handleReset = (e: BaseEventParams) => {\n    this.resetAll();\n  };\n}\n\nexport const registerElementActiveByLegend = () => {\n  Factory.registerInteractionTrigger(type, ElementActiveByLegend);\n};\n"]}

package/esm/interaction/triggers/element-active.d.ts

@@ -0,0 +1,20 @@
+import { BaseTrigger } from './base';
+import type { IElementActiveOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';
+import type { IMarkGraphic } from '../../mark/interface';
+import type { BaseEventParams } from '../../event/interface';
+export declare class ElementActive extends BaseTrigger<IElementActiveOptions> implements ITrigger<IElementActiveOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Partial<IElementActiveOptions>;
+    constructor(options?: IElementActiveOptions);
+    protected getEvents(): Array<{
+        type: string | string[];
+        handler: ITriggerEventHandler;
+    }>;
+    getStartState(): string;
+    start(g: IMarkGraphic): void;
+    reset(graphic?: IMarkGraphic): void;
+    handleStart: (e: BaseEventParams) => void;
+    handleReset: (e: BaseEventParams) => void;
+}
+export declare const registerElementActive: () => void;

package/esm/interaction/triggers/element-active.js

@@ -0,0 +1,50 @@
+import { Factory } from "../../core/factory";
+
+import { BaseTrigger } from "./base";
+
+import { STATE_VALUE_ENUM } from "../../compile/mark/interface";
+
+const defaultOptions = {
+    state: STATE_VALUE_ENUM.STATE_ACTIVE,
+    trigger: "pointerover",
+    triggerOff: "pointerout"
+};
+
+export class ElementActive extends BaseTrigger {
+    constructor(options) {
+        super(options), this.type = "element-active", this.handleStart = e => {
+            this.start(e.item);
+        }, this.handleReset = e => {
+            this.reset(e.item);
+        }, this.options = Object.assign({}, defaultOptions, options), this.updateMarkIdByState([ this.options.state ]);
+    }
+    getEvents() {
+        return [ {
+            type: this.options.trigger,
+            handler: this.handleStart
+        }, {
+            type: this.options.triggerOff,
+            handler: this.handleReset
+        } ];
+    }
+    getStartState() {
+        return this.options.state;
+    }
+    start(g) {
+        if (g) {
+            const {state: state, interaction: interaction} = this.options;
+            this.isGraphicInStateMark(g, state) && (g.addState(state, !0), interaction.setStatedGraphics(this, [ g ]));
+        }
+    }
+    reset(graphic) {
+        const {interaction: interaction, state: state} = this.options, statedGraphics = interaction.getStatedGraphics(this), g = null != graphic ? graphic : null == statedGraphics ? void 0 : statedGraphics[0];
+        g && statedGraphics.includes(g) && (g.removeState(state), interaction.setStatedGraphics(this, statedGraphics.filter((sg => sg !== g))));
+    }
+}
+
+ElementActive.type = "element-active", ElementActive.defaultOptions = defaultOptions;
+
+export const registerElementActive = () => {
+    Factory.registerInteractionTrigger(ElementActive.type, ElementActive);
+};
+//# sourceMappingURL=element-active.js.map

package/esm/interaction/triggers/element-active.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-active.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAGrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAIhE,MAAM,cAAc,GAAmC;IACrD,KAAK,EAAE,gBAAgB,CAAC,YAAY;IACpC,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,YAAY;CACzB,CAAC;AAEF,MAAM,OAAO,aAAc,SAAQ,WAAkC;IAMnE,YAAY,OAA+B;QACzC,KAAK,CAAC,OAAO,CAAC,CAAC;QALjB,SAAI,oBAA4C;QAmDhD,gBAAW,GAAG,CAAC,CAAkB,EAAE,EAAE;YACnC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,CAAkB,EAAE,EAAE;YACnC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC;QAnDA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;QAE1D,IAAI,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACjD,CAAC;IACS,SAAS;QACjB,OAAO;YACL;gBACE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO;gBAC1B,OAAO,EAAE,IAAI,CAAC,WAAW;aAC1B;YACD,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE;SAC7D,CAAC;IACJ,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,KAAK,CAAC,CAAe;QACnB,IAAI,CAAC,EAAE;YACL,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;YAE5C,IAAI,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE;gBACvC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gBAExB,WAAW,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;aAC1C;SACF;IACH,CAAC;IAED,KAAK,CAAC,OAAsB;QAC1B,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAE5C,MAAM,cAAc,GAAG,WAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC3D,MAAM,CAAC,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,CAAC,CAAC;QAEzC,IAAI,CAAC,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;YACnC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACrB,WAAW,CAAC,iBAAiB,CAC3B,IAAI,EACJ,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CACtC,CAAC;SACH;IACH,CAAC;;AAlDM,kBAAI,oBAA4C;AAGhD,4BAAc,GAAG,cAAc,CAAC;AA0DzC,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,OAAO,CAAC,0BAA0B,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AACxE,CAAC,CAAC","file":"element-active.js","sourcesContent":["import { Factory } from '../../core/factory';\nimport { BaseTrigger } from './base';\nimport type { IElementActiveOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';\nimport { TRIGGER_TYPE_ENUM } from './enum';\nimport { STATE_VALUE_ENUM } from '../../compile/mark/interface';\nimport type { IMarkGraphic } from '../../mark/interface';\nimport type { BaseEventParams } from '../../event/interface';\n\nconst defaultOptions: Partial<IElementActiveOptions> = {\n  state: STATE_VALUE_ENUM.STATE_ACTIVE,\n  trigger: 'pointerover',\n  triggerOff: 'pointerout'\n};\n\nexport class ElementActive extends BaseTrigger<IElementActiveOptions> implements ITrigger<IElementActiveOptions> {\n  static type: string = TRIGGER_TYPE_ENUM.ELEMENT_ACTIVE;\n  type: string = TRIGGER_TYPE_ENUM.ELEMENT_ACTIVE;\n\n  static defaultOptions = defaultOptions;\n\n  constructor(options?: IElementActiveOptions) {\n    super(options);\n    this.options = Object.assign({}, defaultOptions, options);\n\n    this.updateMarkIdByState([this.options.state]);\n  }\n  protected getEvents(): Array<{ type: string | string[]; handler: ITriggerEventHandler }> {\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  getStartState(): string {\n    return this.options.state;\n  }\n\n  start(g: IMarkGraphic) {\n    if (g) {\n      const { state, interaction } = this.options;\n\n      if (this.isGraphicInStateMark(g, state)) {\n        g.addState(state, true);\n\n        interaction.setStatedGraphics(this, [g]);\n      }\n    }\n  }\n\n  reset(graphic?: IMarkGraphic) {\n    const { interaction, state } = this.options;\n\n    const statedGraphics = interaction.getStatedGraphics(this);\n    const g = graphic ?? statedGraphics?.[0];\n\n    if (g && statedGraphics.includes(g)) {\n      g.removeState(state);\n      interaction.setStatedGraphics(\n        this,\n        statedGraphics.filter(sg => sg !== g)\n      );\n    }\n  }\n\n  handleStart = (e: BaseEventParams) => {\n    this.start(e.item);\n  };\n\n  handleReset = (e: BaseEventParams) => {\n    this.reset(e.item);\n  };\n}\n\nexport const registerElementActive = () => {\n  Factory.registerInteractionTrigger(ElementActive.type, ElementActive);\n};\n"]}

package/esm/interaction/triggers/element-highlight-by-graphic-name.d.ts

@@ -0,0 +1,13 @@
+import { ElementHighlight } from './element-highlight';
+import type { BaseEventParams } from '../../event/interface';
+export declare class ElementHighlightByGraphicName extends ElementHighlight {
+    static type: string;
+    type: string;
+    protected _filterByName(e: BaseEventParams): boolean;
+    protected _parseTargetKey(e: BaseEventParams): string;
+    start(itemKey: any): void;
+    reset(): void;
+    handleStart: (e: BaseEventParams) => void;
+    handleReset: (e: BaseEventParams) => void;
+}
+export declare const registerElementHighlightByGraphicName: () => void;

package/esm/interaction/triggers/element-highlight-by-graphic-name.js

@@ -0,0 +1,51 @@
+import { Factory } from "../../core/factory";
+
+import { ElementHighlight } from "./element-highlight";
+
+import { isNil } from "@visactor/vutils";
+
+const type = "element-highlight-by-graphic-name";
+
+export class ElementHighlightByGraphicName extends ElementHighlight {
+    constructor() {
+        super(...arguments), this.type = type, this.handleStart = e => {
+            if (e && e.item && this.isGraphicInMark(e.item)) {
+                if (this.options.shouldStart ? this.options.shouldStart(e) : this._filterByName(e)) {
+                    const itemKey = this._parseTargetKey(e);
+                    this.start(itemKey);
+                }
+            }
+        }, this.handleReset = e => {
+            e && e.item && this.isGraphicInMark(e.item) && this.reset();
+        };
+    }
+    _filterByName(e) {
+        var _a;
+        return !!(null === (_a = null == e ? void 0 : e.node) || void 0 === _a ? void 0 : _a.name);
+    }
+    _parseTargetKey(e) {
+        return e.node.name;
+    }
+    start(itemKey) {
+        if (isNil(itemKey)) return;
+        const {interaction: interaction, highlightState: highlightState, blurState: blurState} = this.options, statedGraphics = interaction.getStatedGraphics(this), newStatedGraphics = [];
+        this.getMarks().forEach((m => {
+            var _a;
+            null === (_a = m.getGraphics()) || void 0 === _a || _a.forEach((g => {
+                g.name === itemKey && newStatedGraphics.push(g);
+            }));
+        })), interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState), 
+        interaction.setStatedGraphics(this, newStatedGraphics);
+    }
+    reset() {
+        const {highlightState: highlightState, blurState: blurState, interaction: interaction} = this.options;
+        interaction.clearAllStatesOfTrigger(this, highlightState, blurState), interaction.setStatedGraphics(this, []);
+    }
+}
+
+ElementHighlightByGraphicName.type = type;
+
+export const registerElementHighlightByGraphicName = () => {
+    Factory.registerInteractionTrigger(ElementHighlightByGraphicName.type, ElementHighlightByGraphicName);
+};
+//# sourceMappingURL=element-highlight-by-graphic-name.js.map

package/esm/interaction/triggers/element-highlight-by-graphic-name.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-highlight-by-graphic-name.ts"],"names":[],"mappings":"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","file":"element-highlight-by-graphic-name.js","sourcesContent":["import { Factory } from '../../core/factory';\nimport { ElementHighlight } from './element-highlight';\nimport type { BaseEventParams } from '../../event/interface';\nimport { isNil } from '@visactor/vutils';\nimport type { IMarkGraphic } from '../../mark/interface/common';\n\nconst type = 'element-highlight-by-graphic-name';\n\nexport class ElementHighlightByGraphicName extends ElementHighlight {\n  static type: string = type;\n  type: string = type;\n\n  protected _filterByName(e: BaseEventParams) {\n    const name = e?.node?.name;\n    return !!name;\n  }\n\n  protected _parseTargetKey(e: BaseEventParams) {\n    return e.node.name;\n  }\n\n  start(itemKey: any) {\n    if (isNil(itemKey)) {\n      return;\n    }\n\n    const { interaction, highlightState, blurState } = this.options;\n    const statedGraphics = interaction.getStatedGraphics(this);\n    const newStatedGraphics: IMarkGraphic[] = [];\n\n    this.getMarks().forEach(m => {\n      m.getGraphics()?.forEach(g => {\n        if (g.name === itemKey) {\n          newStatedGraphics.push(g);\n        }\n      });\n    });\n\n    interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState);\n    interaction.setStatedGraphics(this, newStatedGraphics);\n  }\n\n  reset() {\n    const { highlightState, blurState, interaction } = this.options;\n\n    interaction.clearAllStatesOfTrigger(this, highlightState, blurState);\n    interaction.setStatedGraphics(this, []);\n  }\n\n  handleStart = (e: BaseEventParams) => {\n    if (e && e.item && this.isGraphicInMark(e.item)) {\n      const shouldStart = this.options.shouldStart ? this.options.shouldStart(e) : this._filterByName(e);\n      if (shouldStart) {\n        const itemKey = this._parseTargetKey(e);\n        this.start(itemKey);\n      }\n    }\n  };\n\n  handleReset = (e: BaseEventParams) => {\n    if (e && e.item && this.isGraphicInMark(e.item)) {\n      this.reset();\n    }\n  };\n}\n\nexport const registerElementHighlightByGraphicName = () => {\n  Factory.registerInteractionTrigger(ElementHighlightByGraphicName.type, ElementHighlightByGraphicName);\n};\n"]}

package/esm/interaction/triggers/element-highlight-by-group.d.ts

@@ -0,0 +1,23 @@
+import { BaseTrigger } from './base';
+import type { IElementHighlightOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';
+import type { IMarkGraphic } from '../../mark/interface';
+import type { BaseEventParams } from '../../core';
+export declare class ElementHighlightByGroup extends BaseTrigger<IElementHighlightOptions> implements ITrigger<IElementHighlightOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Partial<IElementHighlightOptions>;
+    constructor(options?: IElementHighlightOptions);
+    getStartState(): string;
+    getResetState(): string;
+    protected getEvents(): Array<{
+        type: string | string[];
+        handler: ITriggerEventHandler;
+    }>;
+    resetAll(): void;
+    protected _getHightlightKey(g: IMarkGraphic): string;
+    start(g: IMarkGraphic): void;
+    reset(g?: IMarkGraphic): void;
+    handleStart: (e: BaseEventParams) => void;
+    handleReset: (e: BaseEventParams) => void;
+}
+export declare const registerElementHighlightByGroup: () => void;

package/esm/interaction/triggers/element-highlight-by-group.js

@@ -0,0 +1,73 @@
+import { Factory } from "../../core/factory";
+
+import { BaseTrigger } from "./base";
+
+import { isNil } from "@visactor/vutils";
+
+import { highlightDefaultOptions } from "./util";
+
+const type = "element-highlight-by-group";
+
+export class ElementHighlightByGroup extends BaseTrigger {
+    constructor(options) {
+        super(options), this.type = type, this.handleStart = e => {
+            this.start(e.item);
+        }, this.handleReset = e => {
+            const g = e.item;
+            g && this.isGraphicInMark(g) && this.resetAll();
+        }, this.options = Object.assign({}, highlightDefaultOptions, options), this.updateMarkIdByState([ this.options.highlightState, this.options.blurState ]);
+    }
+    getStartState() {
+        return this.options.highlightState;
+    }
+    getResetState() {
+        return this.options.blurState;
+    }
+    getEvents() {
+        return [ {
+            type: this.options.trigger,
+            handler: this.handleStart
+        }, {
+            type: this.options.triggerOff,
+            handler: this.handleReset
+        } ];
+    }
+    resetAll() {
+        const {interaction: interaction, highlightState: highlightState, blurState: blurState} = this.options;
+        interaction.clearAllStatesOfTrigger(this, highlightState, blurState), interaction.setStatedGraphics(this, []);
+    }
+    _getHightlightKey(g) {
+        var _a;
+        return null === (_a = g.context) || void 0 === _a ? void 0 : _a.groupKey;
+    }
+    start(g) {
+        if (g && this.isGraphicInMark(g)) {
+            const highlightKey = this._getHightlightKey(g);
+            if (isNil(highlightKey)) return;
+            const {interaction: interaction, highlightState: highlightState, blurState: blurState} = this.options, statedGraphics = interaction.getStatedGraphics(this), newStatedGraphics = [];
+            this.getMarks().forEach((m => {
+                var _a;
+                null === (_a = m.getGraphics()) || void 0 === _a || _a.forEach((g => {
+                    this._getHightlightKey(g) === highlightKey && newStatedGraphics.push(g);
+                }));
+            })), interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState), 
+            interaction.setStatedGraphics(this, newStatedGraphics);
+        }
+    }
+    reset(g) {
+        if (g) {
+            if (this.isGraphicInMark(g)) {
+                const {interaction: interaction} = this.options, statedGraphics = interaction.getStatedGraphics(this);
+                g.removeState(this.options.highlightState), g.removeState(this.options.blurState), 
+                interaction.setStatedGraphics(this, statedGraphics.filter((sg => sg !== g)));
+            }
+        } else this.resetAll();
+    }
+}
+
+ElementHighlightByGroup.type = type, ElementHighlightByGroup.defaultOptions = highlightDefaultOptions;
+
+export const registerElementHighlightByGroup = () => {
+    Factory.registerInteractionTrigger(type, ElementHighlightByGroup);
+};
+//# sourceMappingURL=element-highlight-by-group.js.map

package/esm/interaction/triggers/element-highlight-by-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-highlight-by-group.ts"],"names":[],"mappings":"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","file":"element-highlight-by-group.js","sourcesContent":["import { Factory } from '../../core/factory';\nimport { BaseTrigger } from './base';\nimport type { IElementHighlightOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';\nimport type { IMarkGraphic } from '../../mark/interface';\nimport { isNil } from '@visactor/vutils';\nimport type { BaseEventParams } from '../../core';\nimport { highlightDefaultOptions } from './util';\n\nconst type = 'element-highlight-by-group';\n\nexport class ElementHighlightByGroup\n  extends BaseTrigger<IElementHighlightOptions>\n  implements ITrigger<IElementHighlightOptions>\n{\n  static type: string = type;\n  type: string = type;\n\n  static defaultOptions = highlightDefaultOptions;\n  constructor(options?: IElementHighlightOptions) {\n    super(options);\n    this.options = Object.assign({}, highlightDefaultOptions, options);\n\n    this.updateMarkIdByState([this.options.highlightState, this.options.blurState]);\n  }\n\n  getStartState(): string {\n    return this.options.highlightState;\n  }\n\n  getResetState(): string {\n    return this.options.blurState;\n  }\n\n  protected getEvents(): Array<{ type: string | string[]; handler: ITriggerEventHandler }> {\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  resetAll() {\n    const { interaction, highlightState, blurState } = this.options;\n\n    interaction.clearAllStatesOfTrigger(this, highlightState, blurState);\n\n    interaction.setStatedGraphics(this, []);\n  }\n\n  protected _getHightlightKey(g: IMarkGraphic) {\n    return g.context?.groupKey;\n  }\n\n  start(g: IMarkGraphic) {\n    if (g && this.isGraphicInMark(g)) {\n      const highlightKey = this._getHightlightKey(g);\n\n      if (isNil(highlightKey)) {\n        return;\n      }\n\n      const { interaction, highlightState, blurState } = this.options;\n      const statedGraphics = interaction.getStatedGraphics(this);\n      const newStatedGraphics: IMarkGraphic[] = [];\n\n      this.getMarks().forEach(m => {\n        m.getGraphics()?.forEach(g => {\n          if (this._getHightlightKey(g) === highlightKey) {\n            newStatedGraphics.push(g);\n          }\n        });\n      });\n\n      interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState);\n      interaction.setStatedGraphics(this, newStatedGraphics);\n    }\n  }\n\n  reset(g?: IMarkGraphic) {\n    if (g) {\n      if (this.isGraphicInMark(g)) {\n        const { interaction } = this.options;\n        const statedGraphics = interaction.getStatedGraphics(this);\n\n        // todo 升级vrender 版本切换成数组\n        g.removeState(this.options.highlightState);\n        g.removeState(this.options.blurState);\n\n        interaction.setStatedGraphics(\n          this,\n          statedGraphics.filter(sg => sg !== g)\n        );\n      }\n    } else {\n      this.resetAll();\n    }\n  }\n\n  handleStart = (e: BaseEventParams) => {\n    this.start(e.item);\n  };\n\n  handleReset = (e: BaseEventParams) => {\n    const g = e.item;\n    const hasActiveElement = g && this.isGraphicInMark(g);\n\n    if (hasActiveElement) {\n      this.resetAll();\n    }\n  };\n}\n\nexport const registerElementHighlightByGroup = () => {\n  Factory.registerInteractionTrigger(type, ElementHighlightByGroup);\n};\n"]}

package/esm/interaction/triggers/element-highlight-by-key.d.ts

@@ -0,0 +1,9 @@
+import type { IElementHighlightOptions, ITrigger } from '../interface/trigger';
+import { ElementHighlightByGroup } from './element-highlight-by-group';
+import type { IMarkGraphic } from '../../mark/interface/common';
+export declare class ElementHighlightByKey extends ElementHighlightByGroup implements ITrigger<IElementHighlightOptions> {
+    static type: string;
+    type: string;
+    protected _getHightlightKey(g: IMarkGraphic): string;
+}
+export declare const registerElementHighlightByKey: () => void;

package/esm/interaction/triggers/element-highlight-by-key.js

@@ -0,0 +1,22 @@
+import { Factory } from "../../core/factory";
+
+import { ElementHighlightByGroup } from "./element-highlight-by-group";
+
+const type = "element-highlight-by-key";
+
+export class ElementHighlightByKey extends ElementHighlightByGroup {
+    constructor() {
+        super(...arguments), this.type = type;
+    }
+    _getHightlightKey(g) {
+        var _a;
+        return null === (_a = g.context) || void 0 === _a ? void 0 : _a.key;
+    }
+}
+
+ElementHighlightByKey.type = type;
+
+export const registerElementHighlightByKey = () => {
+    Factory.registerInteractionTrigger(type, ElementHighlightByKey);
+};
+//# sourceMappingURL=element-highlight-by-key.js.map

package/esm/interaction/triggers/element-highlight-by-key.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-highlight-by-key.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAGvE,MAAM,IAAI,GAAG,0BAA0B,CAAC;AAExC,MAAM,OAAO,qBAAsB,SAAQ,uBAAuB;IAAlE;;QAEE,SAAI,GAAW,IAAI,CAAC;IAKtB,CAAC;IAHW,iBAAiB,CAAC,CAAe;;QACzC,OAAO,MAAA,CAAC,CAAC,OAAO,0CAAE,GAAG,CAAC;IACxB,CAAC;;AALM,0BAAI,GAAW,IAAI,CAAC;AAQ7B,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAChD,OAAO,CAAC,0BAA0B,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAC;AAClE,CAAC,CAAC","file":"element-highlight-by-key.js","sourcesContent":["import { Factory } from '../../core/factory';\nimport type { IElementHighlightOptions, ITrigger } from '../interface/trigger';\nimport { ElementHighlightByGroup } from './element-highlight-by-group';\nimport type { IMarkGraphic } from '../../mark/interface/common';\n\nconst type = 'element-highlight-by-key';\n\nexport class ElementHighlightByKey extends ElementHighlightByGroup implements ITrigger<IElementHighlightOptions> {\n  static type: string = type;\n  type: string = type;\n\n  protected _getHightlightKey(g: IMarkGraphic) {\n    return g.context?.key;\n  }\n}\n\nexport const registerElementHighlightByKey = () => {\n  Factory.registerInteractionTrigger(type, ElementHighlightByKey);\n};\n"]}

package/esm/interaction/triggers/element-highlight-by-legend.d.ts

@@ -0,0 +1,22 @@
+import { BaseTrigger } from './base';
+import type { IElementHighlightByLegendOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';
+import type { IMarkGraphic } from '../../mark/interface/common';
+import type { BaseEventParams } from '../../event/interface';
+export declare class ElementHighlightByLegend extends BaseTrigger<IElementHighlightByLegendOptions> implements ITrigger<IElementHighlightByLegendOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Partial<IElementHighlightByLegendOptions>;
+    constructor(options?: IElementHighlightByLegendOptions);
+    getStartState(): string;
+    getResetState(): string;
+    protected getEvents(): Array<{
+        type: string | string[];
+        handler: ITriggerEventHandler;
+    }>;
+    start(itemKey: any): void;
+    resetAll(): void;
+    reset(g?: IMarkGraphic): void;
+    handleStart: (e: BaseEventParams) => void;
+    handleReset: (e: BaseEventParams) => void;
+}
+export declare const registerElementHighlightByLegend: () => void;

package/esm/interaction/triggers/element-highlight-by-legend.js

@@ -0,0 +1,73 @@
+import { Factory } from "../../core/factory";
+
+import { BaseTrigger } from "./base";
+
+import { STATE_VALUE_ENUM } from "../../compile/mark/interface";
+
+import { ChartEvent } from "../../constant/event";
+
+import { generateFilterValue } from "./util";
+
+const type = "element-highlight-by-legend", defaultOptions = {
+    highlightState: STATE_VALUE_ENUM.STATE_HIGHLIGHT,
+    blurState: STATE_VALUE_ENUM.STATE_BLUR,
+    filterType: "groupKey"
+};
+
+export class ElementHighlightByLegend extends BaseTrigger {
+    constructor(options) {
+        super(options), this.type = type, this.handleStart = e => {
+            var _a, _b;
+            const event = e.event;
+            event && this.start(null === (_b = null === (_a = event.detail) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b.id);
+        }, this.handleReset = e => {
+            this.resetAll();
+        }, this.options = Object.assign({}, defaultOptions, options), this.updateMarkIdByState([ this.options.highlightState, this.options.blurState ]);
+    }
+    getStartState() {
+        return this.options.highlightState;
+    }
+    getResetState() {
+        return this.options.blurState;
+    }
+    getEvents() {
+        return [ {
+            type: ChartEvent.legendItemHover,
+            handler: this.handleStart
+        }, {
+            type: ChartEvent.legendItemUnHover,
+            handler: this.handleReset
+        } ];
+    }
+    start(itemKey) {
+        if (itemKey) {
+            const filterValue = generateFilterValue(this.options), {interaction: interaction, highlightState: highlightState, blurState: blurState} = this.options, statedGraphics = interaction.getStatedGraphics(this), newStatedGraphics = [];
+            this.getMarks().forEach((m => {
+                var _a;
+                null === (_a = m.getGraphics()) || void 0 === _a || _a.forEach((g => {
+                    filterValue(g) === itemKey && newStatedGraphics.push(g);
+                }));
+            })), interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState), 
+            interaction.setStatedGraphics(this, newStatedGraphics);
+        }
+    }
+    resetAll() {
+        const {interaction: interaction, highlightState: highlightState, blurState: blurState} = this.options;
+        interaction.clearAllStatesOfTrigger(this, highlightState, blurState), interaction.setStatedGraphics(this, []);
+    }
+    reset(g) {
+        const {highlightState: highlightState, blurState: blurState, interaction: interaction} = this.options;
+        if (g) {
+            const statedGraphics = interaction.getStatedGraphics(this);
+            statedGraphics && statedGraphics.includes(g) && (g.removeState(highlightState), 
+            g.removeState(blurState), interaction.setStatedGraphics(this, statedGraphics.filter((sg => sg !== g))));
+        } else this.resetAll();
+    }
+}
+
+ElementHighlightByLegend.type = type, ElementHighlightByLegend.defaultOptions = defaultOptions;
+
+export const registerElementHighlightByLegend = () => {
+    Factory.registerInteractionTrigger(type, ElementHighlightByLegend);
+};
+//# sourceMappingURL=element-highlight-by-legend.js.map

package/esm/interaction/triggers/element-highlight-by-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-highlight-by-legend.ts"],"names":[],"mappings":"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","file":"element-highlight-by-legend.js","sourcesContent":["import { Factory } from '../../core/factory';\nimport { BaseTrigger } from './base';\nimport type { IElementHighlightByLegendOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';\nimport { STATE_VALUE_ENUM } from '../../compile/mark/interface';\nimport { ChartEvent } from '../../constant/event';\nimport { generateFilterValue } from './util';\nimport type { IMarkGraphic } from '../../mark/interface/common';\nimport type { BaseEventParams } from '../../event/interface';\n\nconst type = 'element-highlight-by-legend';\nconst defaultOptions: Partial<IElementHighlightByLegendOptions> = {\n  highlightState: STATE_VALUE_ENUM.STATE_HIGHLIGHT,\n  blurState: STATE_VALUE_ENUM.STATE_BLUR,\n  filterType: 'groupKey'\n};\n\nexport class ElementHighlightByLegend\n  extends BaseTrigger<IElementHighlightByLegendOptions>\n  implements ITrigger<IElementHighlightByLegendOptions>\n{\n  static type: string = type;\n  type: string = type;\n\n  static defaultOptions = defaultOptions;\n  constructor(options?: IElementHighlightByLegendOptions) {\n    super(options);\n    this.options = Object.assign({}, defaultOptions, options);\n    this.updateMarkIdByState([this.options.highlightState, this.options.blurState]);\n  }\n\n  getStartState(): string {\n    return this.options.highlightState;\n  }\n\n  getResetState(): string {\n    return this.options.blurState;\n  }\n\n  protected getEvents(): Array<{ type: string | string[]; handler: ITriggerEventHandler }> {\n    return [\n      {\n        type: ChartEvent.legendItemHover,\n        handler: this.handleStart\n      },\n      {\n        type: ChartEvent.legendItemUnHover,\n        handler: this.handleReset\n      }\n    ];\n  }\n\n  start(itemKey: any) {\n    if (itemKey) {\n      const filterValue = generateFilterValue(this.options as IElementHighlightByLegendOptions);\n\n      const { interaction, highlightState, blurState } = this.options;\n      const statedGraphics = interaction.getStatedGraphics(this);\n      const newStatedGraphics: IMarkGraphic[] = [];\n\n      this.getMarks().forEach(m => {\n        m.getGraphics()?.forEach(g => {\n          if (filterValue(g) === itemKey) {\n            newStatedGraphics.push(g);\n          }\n        });\n      });\n\n      interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState);\n      interaction.setStatedGraphics(this, newStatedGraphics);\n    }\n  }\n\n  resetAll() {\n    const { interaction, highlightState, blurState } = this.options;\n\n    interaction.clearAllStatesOfTrigger(this, highlightState, blurState);\n\n    interaction.setStatedGraphics(this, []);\n  }\n\n  reset(g?: IMarkGraphic) {\n    const { highlightState, blurState, interaction } = this.options;\n\n    if (g) {\n      const statedGraphics = interaction.getStatedGraphics(this);\n      if (statedGraphics && statedGraphics.includes(g)) {\n        // todo 升级 vrender版本，切换成数组\n        g.removeState(highlightState);\n        g.removeState(blurState);\n        interaction.setStatedGraphics(\n          this,\n          statedGraphics.filter(sg => sg !== g)\n        );\n      }\n    } else {\n      this.resetAll();\n    }\n  }\n\n  handleStart = (e: BaseEventParams) => {\n    const event = e.event;\n\n    if (event) {\n      this.start(event.detail?.data?.id);\n    }\n  };\n\n  handleReset = (e: BaseEventParams) => {\n    this.resetAll();\n  };\n}\n\nexport const registerElementHighlightByLegend = () => {\n  Factory.registerInteractionTrigger(type, ElementHighlightByLegend);\n};\n"]}

package/esm/interaction/triggers/element-highlight-by-name.d.ts

@@ -0,0 +1,24 @@
+import { BaseTrigger } from './base';
+import type { IElementHighlightByNameOptions, ITrigger } from '../interface/trigger';
+import type { BaseEventParams } from '../../event/interface';
+import type { IMarkGraphic } from '../../mark/interface';
+export declare class ElementHighlightByName extends BaseTrigger<IElementHighlightByNameOptions> implements ITrigger<IElementHighlightByNameOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Partial<IElementHighlightByNameOptions>;
+    constructor(options?: IElementHighlightByNameOptions);
+    getStartState(): string;
+    getResetState(): string;
+    protected getEvents(): {
+        type: "none" | import("@visactor/vrender-core").GraphicEventType;
+        handler: (e: BaseEventParams) => void;
+    }[];
+    protected _filterByName(e: BaseEventParams): boolean;
+    protected _parseTargetKey(e: BaseEventParams): any;
+    start(itemKey: any): void;
+    resetAll(): void;
+    reset(g?: IMarkGraphic): void;
+    handleStart: (e: BaseEventParams) => void;
+    handleReset: (e: BaseEventParams) => void;
+}
+export declare const registerElementHighlightByName: () => void;

package/esm/interaction/triggers/element-highlight-by-name.js

@@ -0,0 +1,82 @@
+import { Factory } from "../../core/factory";
+
+import { BaseTrigger } from "./base";
+
+import { STATE_VALUE_ENUM } from "../../compile/mark/interface";
+
+import { array } from "@visactor/vutils";
+
+import { generateFilterValue } from "./util";
+
+const type = "element-highlight-by-name", defaultOptions = {
+    highlightState: STATE_VALUE_ENUM.STATE_HIGHLIGHT,
+    blurState: STATE_VALUE_ENUM.STATE_BLUR,
+    filterType: "groupKey"
+};
+
+export class ElementHighlightByName extends BaseTrigger {
+    constructor(options) {
+        super(options), this.type = type, this.handleStart = e => {
+            if (this.options.shouldStart ? this.options.shouldStart(e) : this._filterByName(e)) {
+                const itemKey = this._parseTargetKey(e);
+                this.start(itemKey);
+            }
+        }, this.handleReset = e => {
+            (this.options.shouldReset ? this.options.shouldReset(e) : this._filterByName(e)) && this.resetAll();
+        }, this.options = Object.assign({}, defaultOptions, options), this.updateMarkIdByState([ this.options.highlightState, this.options.blurState ]);
+    }
+    getStartState() {
+        return this.options.highlightState;
+    }
+    getResetState() {
+        return this.options.blurState;
+    }
+    getEvents() {
+        return [ {
+            type: this.options.trigger,
+            handler: this.handleStart
+        }, {
+            type: this.options.triggerOff,
+            handler: this.handleReset
+        } ];
+    }
+    _filterByName(e) {
+        var _a;
+        const names = array(this.options.graphicName);
+        return (null === (_a = null == e ? void 0 : e.node) || void 0 === _a ? void 0 : _a.name) && names.includes(e.node.name);
+    }
+    _parseTargetKey(e) {
+        return this.options.parseData ? this.options.parseData(e) : "text" === e.node.type ? e.node.attribute.text : null;
+    }
+    start(itemKey) {
+        if (itemKey) {
+            const filterValue = generateFilterValue(this.options), {interaction: interaction, highlightState: highlightState, blurState: blurState} = this.options, statedGraphics = interaction.getStatedGraphics(this), newStatedGraphics = [];
+            this.getMarks().forEach((m => {
+                var _a;
+                null === (_a = m.getGraphics()) || void 0 === _a || _a.forEach((g => {
+                    filterValue(g) === itemKey && newStatedGraphics.push(g);
+                }));
+            })), interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState), 
+            interaction.setStatedGraphics(this, newStatedGraphics);
+        }
+    }
+    resetAll() {
+        const {interaction: interaction, highlightState: highlightState, blurState: blurState} = this.options;
+        interaction.clearAllStatesOfTrigger(this, highlightState, blurState), interaction.setStatedGraphics(this, []);
+    }
+    reset(g) {
+        const {highlightState: highlightState, blurState: blurState, interaction: interaction} = this.options;
+        if (g) {
+            const statedGraphics = interaction.getStatedGraphics(this);
+            statedGraphics && statedGraphics.includes(g) && (g.removeState(highlightState), 
+            g.removeState(blurState), interaction.setStatedGraphics(this, statedGraphics.filter((sg => sg !== g))));
+        } else this.resetAll();
+    }
+}
+
+ElementHighlightByName.type = type, ElementHighlightByName.defaultOptions = defaultOptions;
+
+export const registerElementHighlightByName = () => {
+    Factory.registerInteractionTrigger(type, ElementHighlightByName);
+};
+//# sourceMappingURL=element-highlight-by-name.js.map

package/esm/interaction/triggers/element-highlight-by-name.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-highlight-by-name.ts"],"names":[],"mappings":"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","file":"element-highlight-by-name.js","sourcesContent":["import { Factory } from '../../core/factory';\nimport { BaseTrigger } from './base';\nimport type { IElementHighlightByNameOptions, ITrigger } from '../interface/trigger';\nimport { STATE_VALUE_ENUM } from '../../compile/mark/interface';\nimport type { BaseEventParams } from '../../event/interface';\nimport { array } from '@visactor/vutils';\nimport type { IMarkGraphic } from '../../mark/interface';\nimport { generateFilterValue } from './util';\n\nconst type = 'element-highlight-by-name';\nconst defaultOptions: Partial<IElementHighlightByNameOptions> = {\n  highlightState: STATE_VALUE_ENUM.STATE_HIGHLIGHT,\n  blurState: STATE_VALUE_ENUM.STATE_BLUR,\n  filterType: 'groupKey'\n};\n\nexport class ElementHighlightByName\n  extends BaseTrigger<IElementHighlightByNameOptions>\n  implements ITrigger<IElementHighlightByNameOptions>\n{\n  static type: string = type;\n  type: string = type;\n\n  static defaultOptions = defaultOptions;\n  constructor(options?: IElementHighlightByNameOptions) {\n    super(options);\n    this.options = Object.assign({}, defaultOptions, options);\n    this.updateMarkIdByState([this.options.highlightState, this.options.blurState]);\n  }\n\n  getStartState(): string {\n    return this.options.highlightState;\n  }\n\n  getResetState(): string {\n    return 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  protected _filterByName(e: BaseEventParams) {\n    const names = array(this.options.graphicName);\n\n    return e?.node?.name && names.includes(e.node.name);\n  }\n\n  protected _parseTargetKey(e: BaseEventParams) {\n    return this.options.parseData\n      ? this.options.parseData(e)\n      : e.node.type === 'text'\n      ? (e.node.attribute as any).text\n      : null;\n  }\n\n  start(itemKey: any) {\n    if (itemKey) {\n      const filterValue = generateFilterValue(this.options as IElementHighlightByNameOptions);\n\n      const { interaction, highlightState, blurState } = this.options;\n      const statedGraphics = interaction.getStatedGraphics(this);\n      const newStatedGraphics: IMarkGraphic[] = [];\n\n      this.getMarks().forEach(m => {\n        m.getGraphics()?.forEach(g => {\n          if (filterValue(g) === itemKey) {\n            newStatedGraphics.push(g);\n          }\n        });\n      });\n\n      interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState);\n      interaction.setStatedGraphics(this, newStatedGraphics);\n    }\n  }\n\n  resetAll() {\n    const { interaction, highlightState, blurState } = this.options;\n\n    interaction.clearAllStatesOfTrigger(this, highlightState, blurState);\n\n    interaction.setStatedGraphics(this, []);\n  }\n\n  reset(g?: IMarkGraphic) {\n    const { highlightState, blurState, interaction } = this.options;\n\n    if (g) {\n      const statedGraphics = interaction.getStatedGraphics(this);\n      if (statedGraphics && statedGraphics.includes(g)) {\n        // todo 升级 vrender版本，切换成数组\n        g.removeState(highlightState);\n        g.removeState(blurState);\n        interaction.setStatedGraphics(\n          this,\n          statedGraphics.filter(sg => sg !== g)\n        );\n      }\n    } else {\n      this.resetAll();\n    }\n  }\n\n  handleStart = (e: BaseEventParams) => {\n    const shoudStart = this.options.shouldStart ? this.options.shouldStart(e) : this._filterByName(e);\n\n    if (shoudStart) {\n      const itemKey = this._parseTargetKey(e);\n      this.start(itemKey);\n    }\n  };\n\n  handleReset = (e: BaseEventParams) => {\n    const shoudReset = this.options.shouldReset ? this.options.shouldReset(e) : this._filterByName(e);\n\n    if (shoudReset) {\n      this.resetAll();\n    }\n  };\n}\n\nexport const registerElementHighlightByName = () => {\n  Factory.registerInteractionTrigger(type, ElementHighlightByName);\n};\n"]}

package/esm/interaction/triggers/element-highlight.d.ts

@@ -0,0 +1,25 @@
+import type { IElementHighlightOptions, ITrigger } from '../interface/trigger';
+import type { IMarkGraphic } from '../../mark/interface/common';
+import { BaseTrigger } from './base';
+import type { GraphicEventType } from '@visactor/vrender-core';
+import type { BaseEventParams } from '../../event/interface';
+export declare class ElementHighlight extends BaseTrigger<IElementHighlightOptions> implements ITrigger<IElementHighlightOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Partial<IElementHighlightOptions>;
+    protected _lastGraphic?: IMarkGraphic;
+    constructor(options?: IElementHighlightOptions);
+    getStartState(): string;
+    getResetState(): string;
+    protected _resetType?: 'view' | 'self';
+    protected getEvents(): {
+        type: GraphicEventType;
+        handler: (e: BaseEventParams) => void;
+    }[];
+    resetAll: () => void;
+    handleStart: (e: BaseEventParams) => void;
+    handleReset: (e: BaseEventParams) => void;
+    start(markGraphic: IMarkGraphic): void;
+    reset(markGraphic: IMarkGraphic): void;
+}
+export declare const registerElementHighlight: () => void;