Make Component valid child for Backbone.Model

src/css_composer/config/config.js

@@ -4,19 +4,4 @@ export default {
 
   // Default CSS style
   rules: [],
-
-  /**
-   * Adjust style object before creation/update.
-   * @example
-   * onBeforeStyle(style) {
-   *    const padValue = style.padding;
-   *    if (padValue === '10px') {
-   *      delete style.padding;
-   *      style['padding-top'] = padValue;
-   *      // ...
-   *    }
-   *    return style;
-   * }
-   */
-  onBeforeStyle: null,
 };

src/dom_components/model/Component.js

@@ -1253,7 +1253,6 @@ export default class Component extends StyleableModel {
 
   /**
    * Override original clone method
-   * @private
    */
   clone(opt = {}) {
     const em = this.em;
@@ -1485,7 +1484,6 @@ export default class Component extends StyleableModel {
    * Return a shallow copy of the model's attributes for JSON
    * stringification.
    * @return {Object}
-   * @private
    */
   toJSON(opts = {}) {
     const obj = Model.prototype.toJSON.call(this, opts);

src/domain_abstract/model/StyleableModel.js

@@ -123,22 +123,6 @@ export default class StyleableModel extends Model {
   }
 
   _validate(attr, opts) {
-    const { style } = attr;
-    const em = this.em || opts.em;
-    const onBeforeStyle = em?.get('CssComposer')?.getConfig().onBeforeStyle;
-
-    if (style && onBeforeStyle) {
-      const newStyle = onBeforeStyle({ ...style });
-      newStyle &&
-        keys(style).map(prop => {
-          if (isUndefined(newStyle[prop])) delete attr.style[prop];
-        });
-      newStyle &&
-        keys(newStyle).map(prop => {
-          attr.style[prop] = newStyle[prop];
-        });
-    }
-
     return true;
   }
 }