Avoid property breaking in StyleManager without `property`. Fixes #1830

src/style_manager/model/Property.js

@@ -1,4 +1,5 @@
 import { isUndefined, isString } from 'underscore';
+import { capitalize } from 'utils/mixins';
 
 const Property = require('backbone').Model.extend(
   {
@@ -42,17 +43,13 @@ const Property = require('backbone').Model.extend(
     },
 
     initialize(props = {}, opts = {}) {
+      const id = this.get('id');
       const name = this.get('name');
+      !this.get('property') &&
+        this.set('property', (name || id).replace(/ /g, '-'));
       const prop = this.get('property');
       !this.get('id') && this.set('id', prop);
-
+      !name && this.set('name', capitalize(prop).replace(/-/g, ' '));
-      if (!name) {
-        this.set(
-          'name',
-          prop.charAt(0).toUpperCase() + prop.slice(1).replace(/-/g, ' ')
-        );
-      }
-
       Property.callInit(this, props, opts);
     },
 

src/utils/mixins.js

@@ -137,6 +137,8 @@ const getPointerEvent = ev =>
 const getKeyCode = ev => ev.which || ev.keyCode;
 const getKeyChar = ev => String.fromCharCode(getKeyCode(ev));
 
+const capitalize = str => str.charAt(0).toUpperCase() + str.substring(1);
+
 export {
   on,
   off,
@@ -151,5 +153,6 @@ export {
   shallowDiff,
   normalizeFloat,
   getPointerEvent,
-  getUnitFromValue
+  getUnitFromValue,
+  capitalize
 };