From 3b6881d2c8798e4ff5b8ca00350e7c4d7dd2a734 Mon Sep 17 00:00:00 2001
From: Ryan Deba <ryandeba@gmail.com>
Date: Wed, 22 Nov 2017 17:27:15 -0600
Subject: [PATCH] add hoverable property to component objects

---
 src/commands/view/SelectComponent.js  | 2 +-
 src/dom_components/model/Component.js | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/commands/view/SelectComponent.js b/src/commands/view/SelectComponent.js
index 10cc05ba5..da9aca168 100644
--- a/src/commands/view/SelectComponent.js
+++ b/src/commands/view/SelectComponent.js
@@ -274,7 +274,7 @@ module.exports = {
     var $el = $(el);
     var model = $el.data('model');
 
-    if(!model || (model && model.get('status') == 'selected')) {
+    if(!model || !model.get("hoverable") || model.get('status') == 'selected') {
       return;
     }
 
diff --git a/src/dom_components/model/Component.js b/src/dom_components/model/Component.js
index 6fb8465a0..0384d2473 100644
--- a/src/dom_components/model/Component.js
+++ b/src/dom_components/model/Component.js
@@ -62,6 +62,9 @@ module.exports = Backbone.Model.extend(Styleable).extend({
     // Hide the component inside Layers
     layerable: true,
 
+    // Shows a highlight outline when hovering on the element if true
+    hoverable: true,
+
     // This property is used by the HTML exporter as void elements do not
     // have closing tag, eg. <br/>, <hr/>, etc.
     void: false,