@visactor/vgrammar-core/es/interactions/element-highlight-by-group.js

VGrammar is a visual grammar library

import { isNil } from "@visactor/vutils";

import { InteractionStateEnum } from "../graph/enums";

import { BaseInteraction } from "./base";

export class ElementHighlightByGroup extends BaseInteraction {
    constructor(view, options) {
        super(view, options), this.type = ElementHighlightByGroup.type, this.handleStart = e => {
            this.start(e.element);
        }, this.handleReset = e => {
            const element = e.element;
            element && this._marks && this._marks.includes(element.mark) && this.resetAll();
        }, this.options = Object.assign({}, ElementHighlightByGroup.defaultOptions, options), 
        this._marks = view.getMarksBySelector(this.options.selector);
    }
    getStartState() {
        return this.options.highlightState;
    }
    getEvents() {
        return [ {
            type: this.options.trigger,
            handler: this.handleStart
        }, {
            type: this.options.triggerOff,
            handler: this.handleReset
        } ];
    }
    resetAll() {
        const states = [ this.options.highlightState, this.options.blurState ];
        this._marks.forEach((mark => {
            mark.elements.forEach((el => {
                el.removeState(states);
            }));
        }));
    }
    start(element) {
        if (element && this._marks && this._marks.includes(element.mark)) {
            const highlightKey = element.groupKey;
            if (isNil(highlightKey)) return;
            this._marks.forEach((mark => {
                mark.elements.forEach((el => {
                    el.groupKey === highlightKey ? el.updateStates({
                        [this.options.blurState]: !1,
                        [this.options.highlightState]: !0
                    }) : el.updateStates({
                        [this.options.blurState]: !0,
                        [this.options.highlightState]: !1
                    });
                }));
            }));
        }
    }
    reset(element) {
        element ? this._marks && this._marks.includes(element.mark) && element.removeState([ this.options.highlightState, this.options.blurState ]) : this.resetAll();
    }
}

ElementHighlightByGroup.type = "element-highlight-by-group", ElementHighlightByGroup.defaultOptions = {
    highlightState: InteractionStateEnum.highlight,
    blurState: InteractionStateEnum.blur,
    trigger: "pointerover",
    triggerOff: "pointerout"
};
//# sourceMappingURL=element-highlight-by-group.js.map