Update getModelToStyle with getStyleable method

src/selector_manager/view/ClassTagView.js

@@ -1,4 +1,5 @@
 var Backbone = require('backbone');
+const Selector = require('./../model/Selector');
 
 module.exports = Backbone.View.extend({
   template: _.template(`
@@ -46,7 +47,7 @@ module.exports = Backbone.View.extend({
    */
   endEditTag() {
     var value = this.$labelInput.val();
-    var next = this.model.escapeName(value);
+    var next = Selector.escapeName(value);
 
     if(this.target){
       var clsm = this.target.get('SelectorManager');

src/style_manager/index.js

@@ -240,12 +240,10 @@ module.exports = () => {
         var state = !previewMode ? model.get('state') : '';
         var deviceW = device && !previewMode ? device.get('width') : '';
         var cssC = c.em.get('CssComposer');
-
-        var valid = _.filter(classes.models, item => item.get('active'));
-
+        var valid = classes.getStyleable();
         var CssRule = cssC.get(valid, state, deviceW);
 
-        if(CssRule) {
+        if(CssRule && valid.length) {
           return CssRule;
         }
       }

src/style_manager/view/SectorsView.js

@@ -46,10 +46,10 @@ module.exports = Backbone.View.extend({
     var device = em.getDeviceModel();
     var state = !previewMode ? el.get('state') : '';
     var widthMedia = device && device.get('widthMedia');
-    var mediaText = device && !previewMode && widthMedia ?
-      `(${config.mediaCondition}: ${widthMedia})` : '';
     var stateStr = state ? `:${state}` : null;
     var view = el.view;
+    var mediaText = device && !previewMode && widthMedia ?
+      `(${config.mediaCondition}: ${widthMedia})` : '';
     pt.helper = null;
 
     if (view) {