Elementor hover intent for edit tools

edit.tools.js

var EditToolsBehavior;
EditToolsBehavior = Marionette.Behavior.extend( {

    initialize: function() {
        this.listenTo( builder.channels.dataEditMode, 'switch', this.onEditModeSwitched );
    },

    onEditModeSwitched: function() {
        var activeMode = builder.channels.dataEditMode.request( 'activeMode' );
        this.view.$el.removeClass( 'builder-element-tools-active', 'preview' === activeMode );
    },

    handleHover: function() {

        var $this = this;

        var hoverConfig = {
            sensitivity: 1, // number = sensitivity threshold (must be 1 or higher)
            interval: 10, // number = milliseconds for onMouseOver polling interval
            timeout: 500, // number = milliseconds delay before onMouseOut
            over: function() {
                $this.view.$el.addClass( 'builder-element-tools-active' );
            },
            out: function() {
                $this.view.$el.removeClass( 'builder-element-tools-active' );
            }
        };

        $this.view.$el.hoverIntent(hoverConfig);

    },

    onRender: function() {
        this.onEditModeSwitched();
        this.handleHover();
    }
} );
module.exports = EditToolsBehavior;