[
  {
    "type": "ma-row",
    "icon": "bars",
    "value": "Row",
    "attribute_optional": [
      {
        "width": "",
        "height": "",
        "hover": ""
      }
    ]
  },
  {
    "type": "ma-col",
    "icon": "columns",
    "value": "Column",
    "width": "1/2",
    "attribute_optional": [
      {
        "height": "",
        "hover": ""
      }
    ]
  },
  {
    "value": "Label",
    "type": "ma-label",
    "icon": "bicycle"
  },
  {
    "type": "ma-label-input",
    "attribute_require": [
      {
        "ng-model": ""
      }
    ],
    "attribute_optional": [
      {
        "inputValue": "=ngModel",
        "disabled": "=",
        "maDatepicker": "@"
      }
    ],
    "value": "Label-input"
  },
  {
    "type": "ma-label-textarea",
    "value": "Label textarea"
  },
  {
    "type": "ma-input",
    "attribute_require": [
      {
        "ng-model": ""
      }
    ],
    "attribute_optional": [
      {
        "inputValue": "=ngModel",
        "disabled": "=",
        "maDatepicker": "@",
        "maChange": "@"
      }
    ],
    "value": "Input"
  },
  {
    "type": "ma-grid",
    "attribute_require": [
      {
        "ng-model": "",
        "id": ""
      }
    ],
    "attribute_optional": [
       {
         "area": "=ngModel",
         "optheight": "@height",
         "event": "="
       }
    ],
    "icon": "th-list",
    "value": "Grid"
  },
  {
    "type": "ma-button",
    "value": "Button"
  },
  {
    "type": "ma-radio",
    "attribute_require": [
      {
        "ng-model": ""
      }
    ],
    "attribute_optional": [
       {
         "inputValue": "=ngModel",
         "value": "@",
         "disabled": "=ngDisabled"
       }
    ],
    "value": "Radio button"
  },
  {
    "type": "ma-begin-button",
    "value": "Begin button"
  },
  {
    "type": "ma-button-small",
    "value": "Small button"
  },
  {
    "type": "ma-default-button",
    "value": "Default button"
  },
  {
    "type": "ma-toolbar-button",
    "attribute_require": [
      {
        "ng-model": ""
      }
    ],
    "attribute_optional": [
      {
        "inputValue": "=ngModel",
        "onClick": "&"
      }
    ],
    "value": "Toolbar button"
  },
  {
    "type": "ma-checkbox",
    "attribute_require": [
      {
        "ng-model": ""
      }
    ],
    "attribute_optional": [
       {
         "inputValue": "=ngModel",
         "disabled": "=ngDisabled"
       }
    ],
    "value": "Checkbox"
  },
  {
    "type": "ma-popup",
    "value": "Popup"
  },
  {
    "type": "ma-multi-popup",
    "value": "Multi popup"
  },
  {
    "type": "ma-textarea",
    "attribute_require": [
      {
        "ng-model": ""
      }
    ],
    "attribute_optional": [
       {
         "inputValue": "=ngModel",
         "disabled": "="
       }
    ],
    "value": "Textarea"
  },
  {
    "type": "ma-picture",
    "class": [
      "ma-nospace"
    ],
    "attribute_require": [
      {
        "ng-model": ""
      }
    ],
    "value": "Picture"
  },
  {
    "type": "ma-video",
    "value": "Video"
  },
  {
    "type": "ma-audio",
    "value": "Audio"
  },
  {
    "type": "ma-form",
    "attribute_optional": [
       {
         "height": "",
         "hover": ""
       }
    ],
    "attribute_optional": [
       {
         "height": "=",
         "hover": "="
       }
    ],
    "value": "Form"
  },
  {
    "type": "ma-markdown",
    "value": "Markdown"
  },
  {
    "type": "ma-modal",
    "value": "Dialog"
  }
]
