component-models.json

[
  {
    "id": "image",
    "fields": [
      {
        "component": "reference",
        "name": "image",
        "label": "Image",
        "multi": false
      },
      {
        "component": "text",
        "name": "imageAlt",
        "label": "Alt Text"
      }
    ]
  },
  {
    "id": "title",
    "fields": [
      {
        "component": "text",
        "name": "title",
        "label": "Title"
      },
      {
        "component": "select",
        "name": "titleType",
        "label": "Title Type",
        "options": [
          {
            "name": "h1",
            "value": "h1"
          },
          {
            "name": "h2",
            "value": "h2"
          },
          {
            "name": "h3",
            "value": "h3"
          },
          {
            "name": "h4",
            "value": "h4"
          },
          {
            "name": "h5",
            "value": "h5"
          },
          {
            "name": "h6",
            "value": "h6"
          }
        ]
      }
    ]
  },
  {
    "id": "button",
    "fields": [
      {
        "component": "aem-content",
        "name": "link",
        "label": "Link"
      },
      {
        "component": "text",
        "name": "linkText",
        "label": "Text"
      },
      {
        "component": "text",
        "name": "linkTitle",
        "label": "Title"
      },
      {
        "component": "select",
        "name": "linkType",
        "label": "Type",
        "options": [
          {
            "name": "default",
            "value": ""
          },
          {
            "name": "primary",
            "value": "primary"
          },
          {
            "name": "secondary",
            "value": "secondary"
          }
        ]
      }
    ]
  },
  {
    "id": "section",
    "fields": [
      {
        "component": "multiselect",
        "name": "style",
        "label": "Style",
        "options": [
          {
            "name": "Highlight",
            "value": "highlight"
          }
        ]
      }
    ]
  },
  {
    "id": "card",
    "fields": [
      {
        "component": "reference",
        "valueType": "string",
        "name": "image",
        "label": "Image",
        "multi": false
      },
      {
        "component": "richtext",
        "name": "text",
        "value": "",
        "label": "Text",
        "valueType": "string"
      }
    ]
  },
  {
    "id": "columns",
    "fields": [
      {
        "component": "text",
        "valueType": "number",
        "name": "columns",
        "value": "",
        "label": "Columns"
      },
      {
        "component": "text",
        "valueType": "number",
        "name": "rows",
        "value": "",
        "label": "Rows"
      }
    ]
  },
  {
    "id": "embed-adaptive-form",
    "fields": [
      {
        "component": "aem-content",
        "valueType": "string",
        "name": "formPath",
        "value": "",
        "label": "Form Path",
        "validation": {
          "rootPath": "/content/forms/af"
        }
      }
    ]
  },
  {
    "id": "form",
    "fields": [
      {
        "component": "select",
        "name": "thankYouOption",
        "label": "On Submit",
        "valueType": "string",
        "options": [
          {
            "name": "Show message",
            "value": "message"
          }
        ]
      },
      {
        "component": "richtext",
        "name": "thankYouMessage",
        "label": "Message Content",
        "valueType": "string",
        "condition": {
          "==": [
            {
              "var": "thankYouOption"
            },
            "message"
          ]
        }
      },
      {
        "component": "select",
        "valueType": "string",
        "name": "actionType",
        "label": "Submit Action",
        "options": [
          {
            "name": "Submit to REST endpoint",
            "value": "fd/af/components/guidesubmittype/restendpoint"
          },
          {
            "name": "Send email",
            "value": "fd/af/components/guidesubmittype/email"
          }
        ],
        "value": ""
      },
      {
        "component": "boolean",
        "name": "enableRestEndpointPost",
        "label": "Enable POST request",
        "valueType": "string",
        "condition": {
          "==": [
            {
              "var": "actionType"
            },
            "fd/af/components/guidesubmittype/restendpoint"
          ]
        }
      },
      {
        "component": "text",
        "name": "restEndpointPostUrl",
        "label": "URL For POST request",
        "valueType": "string",
        "condition": {
          "==": [
            {
              "var": "actionType"
            },
            "fd/af/components/guidesubmittype/restendpoint"
          ]
        }
      },
      {
        "component": "container",
        "name": "email",
        "label": "Email Configuration",
        "collapsible": false,
        "condition": {
          "==": [
            {
              "var": "actionType"
            },
            "fd/af/components/guidesubmittype/email"
          ]
        },
        "fields": [
          {
            "component": "text",
            "name": "from",
            "label": "From",
            "valueType": "string"
          },
          {
            "component": "text",
            "name": "mailto",
            "label": "To",
            "valueType": "string",
            "multi": true,
            "required": true
          },
          {
            "component": "text",
            "name": "cc",
            "label": "CC",
            "valueType": "string",
            "multi": true
          },
          {
            "component": "text",
            "name": "bcc",
            "label": "BCC",
            "valueType": "string",
            "multi": true
          },
          {
            "component": "text",
            "name": "subject",
            "label": "Subject",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "useExternalEmailTemplate",
            "label": "Use external template",
            "valueType": "boolean"
          },
          {
            "component": "aem-content",
            "name": "templatePath",
            "label": "External template path",
            "valueType": "string",
            "condition": {
              "==": [
                {
                  "var": "useExternalEmailTemplate"
                },
                true
              ]
            }
          },
          {
            "component": "richtext",
            "name": "template",
            "label": "Email template",
            "valueType": "string",
            "condition": {
              "!=": [
                {
                  "var": "useExternalEmailTemplate"
                },
                true
              ]
            }
          },
          {
            "component": "boolean",
            "name": "includeAttachments",
            "label": "Include attachments",
            "valueType": "boolean"
          }
        ]
      }
    ]
  },
  {
    "id": "form-button",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      }
    ]
  },
  {
    "id": "checkbox-group",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          },
          {
            "component": "text",
            "name": "enum",
            "label": "Options (Data Value)",
            "valueType": "string",
            "multi": true,
            "required": true
          },
          {
            "component": "text",
            "name": "enumNames",
            "label": "Options (Display Value)",
            "valueType": "string",
            "multi": true
          },
          {
            "component": "text",
            "name": "default",
            "label": "Default option",
            "valueType": "string"
          },
          {
            "component": "select",
            "name": "variant",
            "label": "Variant",
            "options": [
              {
                "name": "Default",
                "value": "default"
              },
              {
                "name": "Cards",
                "value": "cards"
              }
            ],
            "value": "default"
          },
          {
            "component": "select",
            "label": "Data type of submitted value",
            "name": "type",
            "valueType": "string",
            "value": "string[]",
            "options": [
              {
                "name": "String",
                "value": "string[]"
              },
              {
                "name": "Boolean",
                "value": "boolean[]"
              },
              {
                "name": "Number",
                "value": "number[]"
              }
            ]
          },
          {
            "component": "radio-group",
            "label": "Display Options",
            "name": "orientation",
            "valueType": "string",
            "value": "horizontal",
            "options": [
              {
                "name": "Horizontally",
                "value": "horizontal"
              },
              {
                "name": "Vertically",
                "value": "vertical"
              }
            ]
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "validation",
        "label": "Validation",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "required",
            "label": "Required",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "mandatoryMessage",
            "label": "Error message",
            "valueType": "string",
            "description": "Error message shown when required field is left empty."
          },
          {
            "component": "text",
            "name": "validateExpMessage",
            "label": "Script validation message",
            "valueType": "string",
            "description": "Displayed when validation script fails."
          }
        ]
      }
    ]
  },
  {
    "id": "checkbox",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          },
          {
            "component": "select",
            "label": "Data type of submitted value",
            "name": "type",
            "valueType": "string",
            "options": [
              {
                "name": "String",
                "value": "string"
              },
              {
                "name": "Boolean",
                "value": "boolean"
              },
              {
                "name": "Number",
                "value": "number"
              }
            ]
          },
          {
            "component": "text",
            "name": "checkedValue",
            "label": "When Checked, return value",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "enableUncheckedValue",
            "label": "Preserve Uncheck state value.",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "default",
            "label": "Default Value",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "validation",
        "label": "Validation",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "required",
            "label": "Required",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "mandatoryMessage",
            "label": "Error message",
            "valueType": "string",
            "description": "Error message shown when required field is left empty."
          },
          {
            "component": "text",
            "name": "validateExpMessage",
            "label": "Script validation message",
            "valueType": "string",
            "description": "Displayed when validation script fails."
          }
        ]
      }
    ]
  },
  {
    "id": "date-input",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          },
          {
            "component": "text",
            "name": "placeholder",
            "label": "Placeholder text",
            "valueType": "string"
          },
          {
            "component": "date-time",
            "name": "default",
            "label": "Default Value",
            "valueType": "date"
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "validation",
        "label": "Validation",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "required",
            "label": "Required",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "mandatoryMessage",
            "label": "Error message",
            "valueType": "string",
            "description": "Error message shown when required field is left empty."
          },
          {
            "component": "text",
            "name": "validateExpMessage",
            "label": "Script validation message",
            "valueType": "string",
            "description": "Displayed when validation script fails."
          },
          {
            "component": "date-time",
            "name": "minimumDate",
            "label": "Minimum date",
            "valueType": "date",
            "description": "Minimum date allowed in the field",
            "valueFormat": "YYYY-MM-DD[T]HH:mm:ss.000-00:00"
          },
          {
            "component": "text",
            "name": "minimumMessage",
            "valueType": "string",
            "label": "Minimum error message",
            "description": "Error message shown when the date entered is before the minimum date."
          },
          {
            "component": "date-time",
            "name": "maximumDate",
            "label": "Maximum date",
            "valueType": "date",
            "description": "Maximum date allowed in the field",
            "valueFormat": "YYYY-MM-DD[T]HH:mm:ss.000-00:00"
          },
          {
            "component": "text",
            "name": "maximumMessage",
            "valueType": "string",
            "label": "Maximum error message",
            "description": "Error message shown when the date entered is after the maximum date."
          }
        ]
      },
      {
        "component": "container",
        "name": "formats",
        "label": "Formats",
        "collapsible": true,
        "fields": [
          {
            "component": "select",
            "label": "Display Format",
            "name": "displayFormat",
            "valueType": "string",
            "options": [
              {
                "name": "No Pattern",
                "value": ""
              },
              {
                "name": "01 April, 2007",
                "value": "d MMMM, y"
              },
              {
                "name": "April 01, 2007",
                "value": "MMMM d, y"
              },
              {
                "name": "Sunday, 01 April, 2007",
                "value": "EEEE, d MMMM, y"
              },
              {
                "name": "Sunday, April 01, 2007",
                "value": "EEEE, MMMM d, y"
              },
              {
                "name": "1/4/2007",
                "value": "d/M/y"
              }
            ]
          }
        ]
      }
    ]
  },
  {
    "id": "drop-down",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          },
          {
            "component": "text",
            "name": "enum",
            "label": "Options (Data Value)",
            "valueType": "string",
            "multi": true,
            "required": true
          },
          {
            "component": "text",
            "name": "enumNames",
            "label": "Options (Display Value)",
            "valueType": "string",
            "multi": true
          },
          {
            "component": "text",
            "name": "default",
            "label": "Default option",
            "valueType": "string"
          },
          {
            "component": "select",
            "label": "Data type of submitted value",
            "name": "type",
            "valueType": "string",
            "value": "number",
            "options": [
              {
                "name": "String",
                "value": "string"
              },
              {
                "name": "Boolean",
                "value": "boolean"
              },
              {
                "name": "Number",
                "value": "number"
              }
            ]
          },
          {
            "component": "text",
            "name": "placeholder",
            "label": "Placeholder text",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "validation",
        "label": "Validation",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "required",
            "label": "Required",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "mandatoryMessage",
            "label": "Error message",
            "valueType": "string",
            "description": "Error message shown when required field is left empty."
          },
          {
            "component": "text",
            "name": "validateExpMessage",
            "label": "Script validation message",
            "valueType": "string",
            "description": "Displayed when validation script fails."
          }
        ]
      }
    ]
  },
  {
    "id": "email",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          },
          {
            "component": "text",
            "name": "placeholder",
            "label": "Placeholder text",
            "valueType": "string"
          },
          {
            "component": "text",
            "name": "default",
            "label": "Default Value",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "validation",
        "label": "Validation",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "required",
            "label": "Required",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "mandatoryMessage",
            "label": "Error message",
            "valueType": "string",
            "description": "Error message shown when required field is left empty."
          },
          {
            "component": "text",
            "name": "validateExpMessage",
            "label": "Script validation message",
            "valueType": "string",
            "description": "Displayed when validation script fails."
          },
          {
            "component": "number",
            "name": "minLength",
            "label": "Minimum number of characters",
            "valueType": "number",
            "description": "Minimum length of the text in the field"
          },
          {
            "component": "text",
            "name": "minLengthMessage",
            "valueType": "string",
            "label": "Minimum characters error message",
            "description": "Error message shown when less than minimum characters are entered."
          },
          {
            "component": "number",
            "name": "maxLength",
            "label": "Maximum number of characters",
            "valueType": "number",
            "description": "Maximum length of the text in the field"
          },
          {
            "component": "text",
            "name": "maxLengthMessage",
            "valueType": "string",
            "label": "Maximum characters error message",
            "description": "Error message shown when more than maximum characters are entered."
          },
          {
            "component": "text",
            "name": "pattern",
            "valueType": "string",
            "label": "Pattern",
            "description": "Regular Expression is permitted."
          },
          {
            "component": "text",
            "name": "validatePictureClauseMessage",
            "valueType": "string",
            "label": "Pattern Error message",
            "description": "Error message shown when the pattern is not matched."
          }
        ]
      }
    ]
  },
  {
    "id": "file-input",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          }
        ]
      },
      {
        "component": "text",
        "name": "buttonText",
        "label": "Button Title",
        "valueType": "string"
      },
      {
        "component": "richtext",
        "name": "dragDropText",
        "label": "Drag Drop Text",
        "valueType": "string"
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "validation",
        "label": "Validation",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "required",
            "label": "Required",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "mandatoryMessage",
            "label": "Error message",
            "valueType": "string",
            "description": "Error message shown when required field is left empty."
          },
          {
            "component": "text",
            "name": "validateExpMessage",
            "label": "Script validation message",
            "valueType": "string",
            "description": "Displayed when validation script fails."
          },
          {
            "component": "number",
            "name": "maxFileSize",
            "label": "Maximum file size (MB)",
            "valueType": "string"
          },
          {
            "component": "text",
            "name": "maxFileSizeMessage",
            "label": "Maximum file size error message",
            "valueType": "string"
          },
          {
            "component": "text",
            "name": "accept",
            "label": "Allowed file types",
            "valueType": "string",
            "multi": true
          },
          {
            "component": "text",
            "name": "acceptMessage",
            "label": "File type error message",
            "valueType": "string"
          }
        ]
      }
    ]
  },
  {
    "id": "form-fragment",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          },
          {
            "component": "aem-content",
            "name": "fragmentPath",
            "label": "Fragment reference",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "repeat",
        "label": "Repeat Fragment",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "repeatable",
            "label": "Make fragment repeatable",
            "valueType": "boolean"
          },
          {
            "component": "number",
            "name": "minOccur",
            "label": "Minimum repetitions",
            "valueType": "number",
            "description": "Minimum number of times the fragment appears on the form"
          },
          {
            "component": "number",
            "name": "maxOccur",
            "label": "Maximum repetitions",
            "valueType": "number",
            "description": "Maximum number of times the fragment can appear on the form"
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      }
    ]
  },
  {
    "id": "form-image",
    "fields": [
      {
        "component": "text",
        "name": "name",
        "label": "Name",
        "valueType": "string",
        "required": true
      },
      {
        "component": "text",
        "name": "jcr:title",
        "label": "Title",
        "valueType": "string"
      },
      {
        "component": "reference",
        "valueType": "string",
        "name": "fileReference",
        "label": "Image",
        "multi": false
      },
      {
        "component": "text",
        "valueType": "string",
        "name": "altText",
        "label": "Alternate text"
      },
      {
        "component": "text",
        "name": "dataRef",
        "label": "Bind reference",
        "valueType": "string"
      },
      {
        "component": "boolean",
        "name": "visible",
        "label": "Show Component",
        "valueType": "boolean",
        "value": true
      },
      {
        "component": "select",
        "name": "colspan",
        "label": "Column Span",
        "valueType": "string",
        "options": [
          {
            "name": "1 column",
            "value": "1"
          },
          {
            "name": "2 column",
            "value": "2"
          },
          {
            "name": "3 column",
            "value": "3"
          },
          {
            "name": "4 column",
            "value": "4"
          },
          {
            "name": "5 column",
            "value": "5"
          },
          {
            "name": "6 column",
            "value": "6"
          },
          {
            "name": "7 column",
            "value": "7"
          },
          {
            "name": "8 column",
            "value": "8"
          },
          {
            "name": "9 column",
            "value": "9"
          },
          {
            "name": "10 column",
            "value": "10"
          },
          {
            "name": "11 column",
            "value": "11"
          },
          {
            "name": "12 column",
            "value": "12"
          }
        ]
      }
    ]
  },
  {
    "id": "multiline-input",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          },
          {
            "component": "text",
            "name": "placeholder",
            "label": "Placeholder text",
            "valueType": "string"
          },
          {
            "component": "text",
            "name": "default",
            "label": "Default Value",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "multiLine",
            "label": "Allow multiple lines",
            "valueType": "boolean"
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "validation",
        "label": "Validation",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "required",
            "label": "Required",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "mandatoryMessage",
            "label": "Error message",
            "valueType": "string",
            "description": "Error message shown when required field is left empty."
          },
          {
            "component": "text",
            "name": "validateExpMessage",
            "label": "Script validation message",
            "valueType": "string",
            "description": "Displayed when validation script fails."
          },
          {
            "component": "number",
            "name": "minLength",
            "label": "Minimum number of characters",
            "valueType": "number",
            "description": "Minimum length of the text in the field"
          },
          {
            "component": "text",
            "name": "minLengthMessage",
            "valueType": "string",
            "label": "Minimum characters error message",
            "description": "Error message shown when less than minimum characters are entered."
          },
          {
            "component": "number",
            "name": "maxLength",
            "label": "Maximum number of characters",
            "valueType": "number",
            "description": "Maximum length of the text in the field"
          },
          {
            "component": "text",
            "name": "maxLengthMessage",
            "valueType": "string",
            "label": "Maximum characters error message",
            "description": "Error message shown when more than maximum characters are entered."
          },
          {
            "component": "text",
            "name": "pattern",
            "valueType": "string",
            "label": "Pattern",
            "description": "Regular Expression is permitted."
          },
          {
            "component": "text",
            "name": "validatePictureClauseMessage",
            "valueType": "string",
            "label": "Pattern Error message",
            "description": "Error message shown when the pattern is not matched."
          }
        ]
      }
    ]
  },
  {
    "id": "number-input",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          },
          {
            "component": "text",
            "name": "placeholder",
            "label": "Placeholder text",
            "valueType": "string"
          },
          {
            "component": "number",
            "name": "default",
            "label": "Default Value",
            "valueType": "number"
          },
          {
            "component": "select",
            "name": "type",
            "label": "Number type",
            "valueType": "string",
            "options": [
              {
                "name": "Integer (1234)",
                "value": "integer"
              },
              {
                "name": "Decimal (1234.000)",
                "value": "number"
              }
            ]
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "validation",
        "label": "Validation",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "required",
            "label": "Required",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "mandatoryMessage",
            "label": "Error message",
            "valueType": "string",
            "description": "Error message shown when required field is left empty."
          },
          {
            "component": "text",
            "name": "validateExpMessage",
            "label": "Script validation message",
            "valueType": "string",
            "description": "Displayed when validation script fails."
          },
          {
            "component": "number",
            "name": "minimum",
            "label": "Lowest number / Smallest number",
            "valueType": "number",
            "description": "Minimum number allowed in the field"
          },
          {
            "component": "text",
            "name": "minimumMessage",
            "valueType": "string",
            "label": "Minimum error message",
            "description": "Error message shown when entered value is less than minimum."
          },
          {
            "component": "number",
            "name": "maximum",
            "label": "Highest number / Largest number",
            "valueType": "number",
            "description": "Maximum number allowed in the field"
          },
          {
            "component": "text",
            "name": "maximumMessage",
            "valueType": "string",
            "label": "Maximum error message",
            "description": "Error message shown when the entered value is more than maximum."
          }
        ]
      },
      {
        "component": "container",
        "name": "formats",
        "label": "Formats",
        "collapsible": true,
        "fields": [
          {
            "component": "select",
            "label": "Display Format",
            "name": "displayFormat",
            "valueType": "string",
            "options": [
              {
                "name": "No Pattern",
                "value": ""
              },
              {
                "name": "$1,234.21",
                "value": "¤#,##0.00"
              },
              {
                "name": "$1234.21",
                "value": "()¤####0.00"
              },
              {
                "name": "1,234.210",
                "value": "#,###,##0.000"
              },
              {
                "name": "123,421%",
                "value": "#,###,##0%"
              }
            ]
          }
        ]
      }
    ]
  },
  {
    "id": "panel",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          }
        ]
      },
      {
        "component": "container",
        "name": "repeat",
        "label": "Repeat Panel",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "repeatable",
            "label": "Make panel repeatable",
            "valueType": "boolean"
          },
          {
            "component": "number",
            "name": "minOccur",
            "label": "Minimum repetitions",
            "valueType": "number",
            "description": "Minimum number of times the panel appears on the form",
            "condition": {
              "===": [
                {
                  "var": "repeatable"
                },
                true
              ]
            }
          },
          {
            "component": "number",
            "name": "maxOccur",
            "label": "Maximum repetitions",
            "valueType": "number",
            "placeholder": "No Limit",
            "description": "Maximum number of times the panel can appear on the form. No value indicates no limit.",
            "condition": {
              "and": [
                {
                  "===": [
                    {
                      "var": "repeatable"
                    },
                    true
                  ]
                },
                {
                  "!==": [
                    {
                      "var": "variant"
                    },
                    "noButtons"
                  ]
                }
              ]
            }
          },
          {
            "component": "select",
            "name": "variant",
            "label": "Variant",
            "options": [
              {
                "name": "No Actions",
                "value": "noButtons"
              },
              {
                "name": "Add & Remove Buttons",
                "value": "addRemoveButtons"
              }
            ],
            "value": "addRemoveButtons",
            "condition": {
              "===": [
                {
                  "var": "repeatable"
                },
                true
              ]
            }
          },
          {
            "component": "text",
            "name": "repeatAddButtonLabel",
            "label": "Add Button Label",
            "valueType": "string",
            "value": "Add",
            "condition": {
              "and": [
                {
                  "===": [
                    {
                      "var": "variant"
                    },
                    "addRemoveButtons"
                  ]
                },
                {
                  "===": [
                    {
                      "var": "repeatable"
                    },
                    true
                  ]
                }
              ]
            }
          },
          {
            "component": "text",
            "name": "repeatDeleteButtonLabel",
            "label": "Delete Button Label",
            "valueType": "string",
            "value": "Delete",
            "condition": {
              "and": [
                {
                  "===": [
                    {
                      "var": "variant"
                    },
                    "addRemoveButtons"
                  ]
                },
                {
                  "===": [
                    {
                      "var": "repeatable"
                    },
                    true
                  ]
                }
              ]
            }
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      }
    ]
  },
  {
    "id": "radio-group",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          },
          {
            "component": "text",
            "name": "enum",
            "label": "Options (Data Value)",
            "valueType": "string",
            "multi": true,
            "required": true
          },
          {
            "component": "text",
            "name": "enumNames",
            "label": "Options (Display Value)",
            "valueType": "string",
            "multi": true
          },
          {
            "component": "text",
            "name": "default",
            "label": "Default option",
            "valueType": "string"
          },
          {
            "component": "select",
            "name": "variant",
            "label": "Variant",
            "options": [
              {
                "name": "Default",
                "value": "default"
              },
              {
                "name": "Cards",
                "value": "cards"
              }
            ],
            "value": "default"
          },
          {
            "component": "select",
            "label": "Data type of submitted value",
            "name": "type",
            "valueType": "string",
            "options": [
              {
                "name": "String",
                "value": "string"
              },
              {
                "name": "Boolean",
                "value": "boolean"
              },
              {
                "name": "Number",
                "value": "number"
              }
            ]
          },
          {
            "component": "radio-group",
            "label": "Display Options",
            "name": "orientation",
            "valueType": "string",
            "value": "horizontal",
            "options": [
              {
                "name": "Horizontally",
                "value": "horizontal"
              },
              {
                "name": "Vertically",
                "value": "vertical"
              }
            ]
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "validation",
        "label": "Validation",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "required",
            "label": "Required",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "mandatoryMessage",
            "label": "Error message",
            "valueType": "string",
            "description": "Error message shown when required field is left empty."
          },
          {
            "component": "text",
            "name": "validateExpMessage",
            "label": "Script validation message",
            "valueType": "string",
            "description": "Displayed when validation script fails."
          }
        ]
      }
    ]
  },
  {
    "id": "captcha",
    "fields": [
      {
        "component": "text",
        "name": "name",
        "label": "Name",
        "valueType": "string",
        "required": true
      }
    ]
  },
  {
    "id": "form-reset-button",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      }
    ]
  },
  {
    "id": "form-submit-button",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      }
    ]
  },
  {
    "id": "telephone-input",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          },
          {
            "component": "text",
            "name": "placeholder",
            "label": "Placeholder text",
            "valueType": "string"
          },
          {
            "component": "text",
            "name": "default",
            "label": "Default Value",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "validation",
        "label": "Validation",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "required",
            "label": "Required",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "mandatoryMessage",
            "label": "Error message",
            "valueType": "string",
            "description": "Error message shown when required field is left empty."
          },
          {
            "component": "text",
            "name": "validateExpMessage",
            "label": "Script validation message",
            "valueType": "string",
            "description": "Displayed when validation script fails."
          },
          {
            "component": "number",
            "name": "minimum",
            "label": "Lowest number / Smallest number",
            "valueType": "number",
            "description": "Minimum number allowed in the field"
          },
          {
            "component": "text",
            "name": "minimumMessage",
            "valueType": "string",
            "label": "Minimum error message",
            "description": "Error message shown when entered value is less than minimum."
          },
          {
            "component": "number",
            "name": "maximum",
            "label": "Highest number / Largest number",
            "valueType": "number",
            "description": "Maximum number allowed in the field"
          },
          {
            "component": "text",
            "name": "maximumMessage",
            "valueType": "string",
            "label": "Maximum error message",
            "description": "Error message shown when the entered value is more than maximum."
          }
        ]
      }
    ]
  },
  {
    "id": "text-input",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          },
          {
            "component": "text",
            "name": "placeholder",
            "label": "Placeholder text",
            "valueType": "string"
          },
          {
            "component": "text",
            "name": "default",
            "label": "Default Value",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "multiLine",
            "label": "Allow multiple lines",
            "valueType": "boolean"
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "validation",
        "label": "Validation",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "required",
            "label": "Required",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "mandatoryMessage",
            "label": "Error message",
            "valueType": "string",
            "description": "Error message shown when required field is left empty."
          },
          {
            "component": "text",
            "name": "validateExpMessage",
            "label": "Script validation message",
            "valueType": "string",
            "description": "Displayed when validation script fails."
          },
          {
            "component": "number",
            "name": "minLength",
            "label": "Minimum number of characters",
            "valueType": "number",
            "description": "Minimum length of the text in the field"
          },
          {
            "component": "text",
            "name": "minLengthMessage",
            "valueType": "string",
            "label": "Minimum characters error message",
            "description": "Error message shown when less than minimum characters are entered."
          },
          {
            "component": "number",
            "name": "maxLength",
            "label": "Maximum number of characters",
            "valueType": "number",
            "description": "Maximum length of the text in the field"
          },
          {
            "component": "text",
            "name": "maxLengthMessage",
            "valueType": "string",
            "label": "Maximum characters error message",
            "description": "Error message shown when more than maximum characters are entered."
          },
          {
            "component": "text",
            "name": "pattern",
            "valueType": "string",
            "label": "Pattern",
            "description": "Regular Expression is permitted."
          },
          {
            "component": "text",
            "name": "validatePictureClauseMessage",
            "valueType": "string",
            "label": "Pattern Error message",
            "description": "Error message shown when the pattern is not matched."
          }
        ]
      }
    ]
  },
  {
    "id": "plain-text",
    "fields": [
      {
        "component": "text",
        "name": "name",
        "label": "Name",
        "valueType": "string",
        "required": true
      },
      {
        "component": "text",
        "name": "dataRef",
        "label": "Bind reference",
        "valueType": "string"
      },
      {
        "component": "boolean",
        "name": "visible",
        "label": "Show Component",
        "valueType": "boolean",
        "value": true
      },
      {
        "component": "select",
        "name": "colspan",
        "label": "Column Span",
        "valueType": "string",
        "value": "12",
        "options": [
          {
            "name": "1 column",
            "value": "1"
          },
          {
            "name": "2 column",
            "value": "2"
          },
          {
            "name": "3 column",
            "value": "3"
          },
          {
            "name": "4 column",
            "value": "4"
          },
          {
            "name": "5 column",
            "value": "5"
          },
          {
            "name": "6 column",
            "value": "6"
          },
          {
            "name": "7 column",
            "value": "7"
          },
          {
            "name": "8 column",
            "value": "8"
          },
          {
            "name": "9 column",
            "value": "9"
          },
          {
            "name": "10 column",
            "value": "10"
          },
          {
            "name": "11 column",
            "value": "11"
          },
          {
            "name": "12 column",
            "value": "12"
          }
        ]
      }
    ]
  },
  {
    "id": "accordion",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          }
        ]
      },
      {
        "component": "container",
        "name": "repeat",
        "label": "Repeat Accordion",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "repeatable",
            "label": "Make accordion repeatable",
            "valueType": "boolean"
          },
          {
            "component": "number",
            "name": "minOccur",
            "label": "Minimum repetitions",
            "valueType": "number",
            "description": "Minimum number of times the accordion appears on the form"
          },
          {
            "component": "number",
            "name": "maxOccur",
            "label": "Maximum repetitions",
            "valueType": "number",
            "description": "Maximum number of times the accordion can appear on the form"
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      }
    ]
  },
  {
    "id": "modal",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      }
    ]
  },
  {
    "id": "password",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "validation",
        "label": "Validation",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "required",
            "label": "Required",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "mandatoryMessage",
            "label": "Error message",
            "valueType": "string",
            "description": "Error message shown when required field is left empty."
          },
          {
            "component": "text",
            "name": "validateExpMessage",
            "label": "Script validation message",
            "valueType": "string",
            "description": "Displayed when validation script fails."
          },
          {
            "component": "number",
            "name": "minLength",
            "label": "Minimum number of characters",
            "valueType": "number",
            "description": "Minimum length of the text in the field"
          },
          {
            "component": "text",
            "name": "minLengthMessage",
            "valueType": "string",
            "label": "Minimum characters error message",
            "description": "Error message shown when less than minimum characters are entered."
          },
          {
            "component": "number",
            "name": "maxLength",
            "label": "Maximum number of characters",
            "valueType": "number",
            "description": "Maximum length of the text in the field"
          },
          {
            "component": "text",
            "name": "maxLengthMessage",
            "valueType": "string",
            "label": "Maximum characters error message",
            "description": "Error message shown when more than maximum characters are entered."
          },
          {
            "component": "text",
            "name": "pattern",
            "valueType": "string",
            "label": "Pattern",
            "description": "Regular Expression is permitted."
          },
          {
            "component": "text",
            "name": "validatePictureClauseMessage",
            "valueType": "string",
            "label": "Pattern Error message",
            "description": "Error message shown when the pattern is not matched."
          }
        ]
      }
    ]
  },
  {
    "id": "rating",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      },
      {
        "component": "container",
        "name": "validation",
        "label": "Validation",
        "collapsible": true,
        "fields": [
          {
            "component": "boolean",
            "name": "required",
            "label": "Required",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "mandatoryMessage",
            "label": "Error message",
            "valueType": "string",
            "description": "Error message shown when required field is left empty."
          },
          {
            "component": "text",
            "name": "validateExpMessage",
            "label": "Script validation message",
            "valueType": "string",
            "description": "Displayed when validation script fails."
          },
          {
            "component": "number",
            "name": "minimum",
            "label": "Lowest number / Smallest number",
            "valueType": "number",
            "description": "Minimum number allowed in the field"
          },
          {
            "component": "text",
            "name": "minimumMessage",
            "valueType": "string",
            "label": "Minimum error message",
            "description": "Error message shown when entered value is less than minimum."
          },
          {
            "component": "number",
            "name": "maximum",
            "label": "Highest number / Largest number",
            "valueType": "number",
            "description": "Maximum number allowed in the field"
          },
          {
            "component": "text",
            "name": "maximumMessage",
            "valueType": "string",
            "label": "Maximum error message",
            "description": "Error message shown when the entered value is more than maximum."
          }
        ]
      }
    ]
  },
  {
    "id": "tnc",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          },
          {
            "component": "boolean",
            "name": "showLink",
            "label": "Replace consent text with weblink(s)",
            "valueType": "boolean"
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      }
    ]
  },
  {
    "id": "wizard",
    "fields": [
      {
        "component": "container",
        "name": "basic",
        "label": "Basic",
        "collapsible": false,
        "fields": [
          {
            "component": "text",
            "name": "name",
            "label": "Name",
            "valueType": "string",
            "required": true,
            "valueFormat": "regexp",
            "validation": {
              "regExp": "^[^$].*",
              "customErrorMsg": "Name cannot start with $"
            }
          },
          {
            "component": "text",
            "name": "jcr:title",
            "label": "Title",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "hideTitle",
            "label": "Hide title",
            "valueType": "boolean"
          },
          {
            "component": "text",
            "name": "dataRef",
            "label": "Bind reference",
            "valueType": "string"
          },
          {
            "component": "boolean",
            "name": "unboundFormElement",
            "label": "Mark as Unbound Form Element",
            "valueType": "boolean"
          },
          {
            "component": "boolean",
            "name": "visible",
            "label": "Show Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "enabled",
            "label": "Enable Component",
            "valueType": "boolean",
            "value": true
          },
          {
            "component": "boolean",
            "name": "readOnly",
            "label": "Read-only",
            "valueType": "boolean"
          },
          {
            "component": "select",
            "name": "colspan",
            "label": "Column Span",
            "valueType": "string",
            "value": "12",
            "options": [
              {
                "name": "1 column",
                "value": "1"
              },
              {
                "name": "2 column",
                "value": "2"
              },
              {
                "name": "3 column",
                "value": "3"
              },
              {
                "name": "4 column",
                "value": "4"
              },
              {
                "name": "5 column",
                "value": "5"
              },
              {
                "name": "6 column",
                "value": "6"
              },
              {
                "name": "7 column",
                "value": "7"
              },
              {
                "name": "8 column",
                "value": "8"
              },
              {
                "name": "9 column",
                "value": "9"
              },
              {
                "name": "10 column",
                "value": "10"
              },
              {
                "name": "11 column",
                "value": "11"
              },
              {
                "name": "12 column",
                "value": "12"
              }
            ]
          }
        ]
      },
      {
        "component": "container",
        "name": "help",
        "label": "Help Content",
        "collapsible": true,
        "fields": [
          {
            "component": "richtext",
            "name": "description",
            "label": "Help text",
            "valueType": "string"
          },
          {
            "component": "richtext",
            "name": "tooltip",
            "label": "Short description",
            "valueType": "string"
          }
        ]
      }
    ]
  },
  {
    "id": "fragment",
    "fields": [
      {
        "component": "aem-content",
        "name": "reference",
        "label": "Reference"
      }
    ]
  },
  {
    "id": "hero",
    "fields": [
      {
        "component": "reference",
        "valueType": "string",
        "name": "image",
        "label": "Image",
        "multi": false
      },
      {
        "component": "text",
        "valueType": "string",
        "name": "imageAlt",
        "label": "Alt",
        "value": ""
      },
      {
        "component": "richtext",
        "name": "text",
        "value": "",
        "label": "Text",
        "valueType": "string"
      }
    ]
  }
]