grapesjs/src/style_manager/model/Properties.js

import TypeableCollection from 'domain_abstract/model/TypeableCollection';
const Property = require('./Property');

module.exports = require('backbone').Collection.extend(TypeableCollection).extend({
  types: [
    {
      id: 'stack',
      model: require('./PropertyStack'),
      view: require('./../view/PropertyStackView'),
      isType(value) {
        if (value && value.type == 'stack') {
          return value;
        }
      }
    },{
      id: 'composite',
      model: require('./PropertyComposite'),
      view: require('./../view/PropertyCompositeView'),
      isType(value) {
        if (value && value.type == 'composite') {
          return value;
        }
      }
    },{
      id: 'file',
      model: Property,
      view: require('./../view/PropertyFileView'),
      isType(value) {
        if (value && value.type == 'file') {
          return value;
        }
      }
    },{
      id: 'color',
      model: Property,
      view: require('./../view/PropertyColorView'),
      isType(value) {
        if (value && value.type == 'color') {
          return value;
        }
      }
    },{
      id: 'select',
      model: require('./PropertyRadio'),
      view: require('./../view/PropertySelectView'),
      isType(value) {
        if (value && value.type == 'select') {
          return value;
        }
      }
    },{
      id: 'radio',
      model: require('./PropertyRadio'),
      view: require('./../view/PropertyRadioView'),
      isType(value) {
        if (value && value.type == 'radio') {
          return value;
        }
      }
    },{
      id: 'slider',
      model: require('./PropertySlider'),
      view: require('./../view/PropertySliderView'),
      isType(value) {
        if (value && value.type == 'slider') {
          return value;
        }
      }
    },{
      id: 'integer',
      model: require('./PropertyInteger'),
      view: require('./../view/PropertyIntegerView'),
      isType(value) {
        if (value && value.type == 'integer') {
          return value;
        }
      }
    },{
      id: 'base',
      model: Property,
      view: require('./../view/PropertyView'),
      isType(value) {
        value.type = 'base';
        return value;
      }
    }
  ],

  getFullValue() {
    let result = '';
    this.each(model => result += `${model.getFullValue()} `);
    return result.trim();
  }
});