@chassis/core/src/lib/data/models/LayoutConfigModel.js

CSS4 pre-processor and responsive framework for modern UI development

import Defaults from '../Defaults.js'
import Constants from '../Constants.js'

const gutterPattern = /^(auto|0)$|^[0-9]+.?([0-9]+)?(px|em|ex|%|in|cm|mm|pt|pc|vw|vh|rem)$/gi

export default new NGN.DATA.Model({
  autoid: false,

  fields: {
    disabled: {
      type: Boolean,
      default: false
    }
  },

  relationships: {
    height: new NGN.DATA.Model({
      autoid: false,

      fields: {
        min: {
          type: Number,
          default: Defaults.layout.height.min,
          min: 0
        },

        max: {
          type: Number,
          default: null,
          min: 0
        }
      }
    }),

    width: new NGN.DATA.Model({
      autoid: false,

      fields: {
        min: {
          type: Number,
          default: Defaults.layout.width.min,
          min: 0
        },

        max: {
          type: Number,
          default: Defaults.layout.width.max,
          min: 0,
          max: Constants.layout.maxWidth
        }
      }
    }),

    gutter: new NGN.DATA.Model({
      autoid: false,

      fields: {
        x: {
          type: String,
          default: Defaults.layout.gutter.x,
          pattern: gutterPattern
        },

        y: {
          type: String,
          default: Defaults.layout.gutter.y,
          pattern: gutterPattern
        }
      }
    })
  }
})