Remove selectedComponent reference in ClassTagsView

src/dom_components/index.js

@@ -192,7 +192,6 @@ module.exports = () => {
         c.modal = em.get('Modal') || '';
         c.am = em.get('AssetManager') || '';
         em.get('Parser').compTypes = componentTypes;
-        em.on('change:selectedComponent', this.componentChanged, this);
         em.on('change:componentHovered', this.componentHovered, this);
 
         const selected = em.get('selected');
@@ -546,16 +545,6 @@ module.exports = () => {
       }
     },
 
-    /**
-     * Triggered when the selected component is changed
-     * @private
-     */
-    componentChanged() {
-      const em = c.em;
-      this.selectRemove(em.previous('selectedComponent'));
-      this.selectAdd(em.get('selectedComponent'));
-    },
-
     /**
      * Triggered when the component is hovered
      * @private

src/dom_components/model/ComponentVideo.js

@@ -125,7 +125,7 @@ module.exports = Component.extend(
           this.set('tagName', 'video');
       }
       this.loadTraits(traits);
-      this.em.trigger('change:selectedComponent');
+      this.em.trigger('component:toggled');
     },
 
     // Listen provider change and switch traits, in TraitView listen traits change

src/selector_manager/view/ClassTagsView.js

@@ -52,11 +52,7 @@ module.exports = Backbone.View.extend({
     this.target = this.config.em;
     this.em = this.target;
 
-    this.listenTo(
-      this.target,
-      'change:selectedComponent',
-      this.componentChanged
-    );
+    this.listenTo(this.target, 'component:toggled', this.componentChanged);
     this.listenTo(this.target, 'component:update:classes', this.updateSelector);
 
     this.listenTo(this.collection, 'add', this.addNew);
@@ -138,7 +134,7 @@ module.exports = Backbone.View.extend({
    * @private
    */
   componentChanged(e) {
-    this.compTarget = this.target.get('selectedComponent');
+    this.compTarget = this.target.getSelected();
     const target = this.compTarget;
     let validSelectors = [];