component-models.json

[
  {
    "id": "page-metadata",
    "fields": [
      {
        "component": "tab",
        "label": "Basic",
        "name": "tab-basic"
      },
      {
        "component": "text",
        "valueType": "string",
        "name": "jcr:title",
        "label": "Title"
      },
      {
        "component": "text",
        "valueType": "string",
        "name": "jcr:description",
        "label": "Description"
      },
      {
        "component": "aem-content-fragment",
        "name": "theme_cf_reference",
        "label": "Brand Theme",
        "description": "Select the CF with authored values for the brand theme. This will be applied on the pages",
        "valueType": "string",
        "validation": {
            "rootPath": "/content/dam"
        }
      },
      {
          "component": "select",
          "name": "theme",
          "label": "Theme",
          "description": "Note: This takes priority over CF based theme.",

          "options": [
            {
              "name": "default",
              "value": ""
            },
            {
              "name": "Gray Theme",
              "value": "gray-theme"
            },
            {
              "name": "Red Theme",
              "value": "red-theme"
            },
            {
              "name": "Blue Theme",
              "value": "blue-theme"
            },
             {
              "name": "Green Theme",
              "value": "green-theme"
            },
            {
              "name": "WeHealthcare Theme",
              "value": "wehealthcare-theme"
            }
          ]
      },
      {
        "component": "text",
        "valueType": "string",
        "name": "js-files",
        "multi": true,
        "value": "",
        "label": "JS Library URL(s)",
        "description": "List of js libraries to include under head section of the page"
      },
      {
        "component": "text",
        "valueType": "string",
        "name": "jcr:pagetitle",
        "label": "Page Title"
      },
      {
        "component": "text",
        "valueType": "string",
        "name": "pageCategory",
        "label": "Page Category"
      },
      {
        "component": "aem-tag",
        "name": "cq:tags",
        "label": "Tags",
        "valueType": "string",
        "rootPath": "/content/cq:tags/reference-demo"
      }
    ]
  },
  {
    "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": "text",
        "name": "name",
        "label": "Section Name",
        "description": "The label shown for this section in the Content Tree"
      },
      {
        "component": "select",
        "name": "sec-spacing",
        "value": "",
        "label": "Spacing Top (padding top)",
        "description": "Section top spacing, default is 32px.",
        "valueType": "string",
        "options": [
          {
            "name": "Default spacing",
            "value": "sec-spacing-default"
          },
          {
            "name": "No space / padding",
            "value": "section-none"
          },
          {
            "name": "Spacing tiny",
            "value": "section-tiny"
          },
          {
            "name": "Spacing xxsmall",
            "value": "section-xxsmall"
          },
          {
            "name": "Spacing xsmall",
            "value": "section-xsmall"
          },
          {
            "name": "Spacing regular",
            "value": "section-regular"
          },
          {
            "name": "Spacing small",
            "value": "section-small"
          },
          {
            "name": "Spacing medium",
            "value": "section-medium"
          },
          {
            "name": "Spacing large",
            "value": "section-large"
          },
          {
            "name": "Spacing xlarge",
            "value": "section-xlarge"
          },
          {
            "name": "Spacing xxlarge",
            "value": "section-xxlarge"
          },
          {
            "name": "Spacing huge",
            "value": "section-huge"
          },
          {
            "name": "Spacing xhuge",
            "value": "section-xhuge"
          }
        ]
      },
      {
        "component": "select",
        "name": "sec-spacing-bottom",
        "value": "",
        "label": "Spacing Bottom (padding bottom)",
        "description": "Section bottom spacing, default is 32px.",
        "valueType": "string",
        "options": [
          {
            "name": "Default spacing",
            "value": "sec-spacing-default"
          },
          {
            "name": "No space / padding",
            "value": "section-none"
          },
          {
            "name": "Spacing tiny",
            "value": "section-tiny"
          },
          {
            "name": "Spacing xxsmall",
            "value": "section-xxsmall"
          },
          {
            "name": "Spacing xsmall",
            "value": "section-xsmall"
          },
          {
            "name": "Spacing regular",
            "value": "section-regular"
          },
          {
            "name": "Spacing small",
            "value": "section-small"
          },
          {
            "name": "Spacing medium",
            "value": "section-medium"
          },
          {
            "name": "Spacing large",
            "value": "section-large"
          },
          {
            "name": "Spacing xlarge",
            "value": "section-xlarge"
          },
          {
            "name": "Spacing xxlarge",
            "value": "section-xxlarge"
          },
          {
            "name": "Spacing huge",
            "value": "section-huge"
          },
          {
            "name": "Spacing xhuge",
            "value": "section-xhuge"
          }
        ]
      },
      {
        "component": "select",
        "name": "style",
        "value": "",
        "label": "Background style",
        "valueType": "string",
        "options": [
          {
            "name": "Default",
            "value": "bg-default"
          },
          {
            "name": "Theme Color",
            "value": "bg-theme"
          },
          {
            "name": "Dark Color",
            "value": "bg-dark"
          },
          {
            "name": "Light Color",
            "value": "bg-light"
          }         
        ]
      },
      {
        "component": "boolean",
        "valueType": "boolean",
        "name": "sec-full-width",
        "label": "Full section width.",
        "condition": {
          "!=": [
            {
              "var": "style"
            },
            "bg-image"
          ]
        }
      },
      {
        "component": "boolean",
        "valueType": "boolean",
        "label": "Center text",
        "name": "sec-text-center",
        "value": false
      }
    ]
  },
  {
    "id": "card",
    "fields": [
      {
        "component": "reference",
        "valueType": "string",
        "name": "image",
        "label": "Image",
        "multi": false
      },
      {
        "component": "richtext",
        "name": "text",
        "value": "",
        "label": "Text",
        "valueType": "string"
      },
      {
        "component": "select",
        "name": "Text Color",
        "label": "Text Color",
        "options": [
         {
            "name": "Theme Blue",
            "value": "color-theme"
          },
          {
            "name": "White",
            "value": "color-white"
          },
          {
            "name": "Black",
            "value": "color-black"
          }
        ]
      },
      {
        "component": "select",
        "name": "style",
        "label": "Style",
        "options": [
          {
            "name": "default",
            "value": ""
          },
          {
            "name": "Image Top",
            "value": "image-top"
          },
          {
            "name": "Image Bottom",
            "value": "image-bottom"
          },
          {
            "name": "Teaser Overlay",
            "value": "teaser-overlay"
          },
          {
            "name": "Teaser Card",
            "value": "teaser-card"
          }
        ]
      },
      {
        "component": "select",
        "name": "ctastyle",
        "label": "CTA Style",
        "options": [
         {
            "name": "Link",
            "value": "cta-link"
          },
          {
            "name": "Primary Button",
            "value": "cta-button"
          },
          {
            "name": "Secondary Button",
            "value": "cta-button-secondary"
          },
          {
            "name": "Dark Button",
            "value": "cta-button-dark"
          }
        ]
      }
    ]
  },
  {
    "id": "columns",
    "fields": [
      {
        "component": "text",
        "valueType": "number",
        "name": "columns",
        "value": "",
        "label": "Columns"
      },
      {
        "component": "text",
        "valueType": "number",
        "name": "rows",
        "value": "",
        "label": "Rows"
      }
    ]
  },
  {
    "id": "fragment",
    "fields": [
      {
        "component": "aem-content",
        "name": "reference",
        "label": "Reference"
      }
    ]
  },
  {
    "id": "action-button",
    "fields": [
      {
        "component": "aem-content",
        "valueType": "string",
        "name": "link",
        "label": "Link",
        "multi": false,
        "validation": {
            "rootPath": "/content"
        }
      },
      {
        "component": "text",
        "name": "label",
        "value": "Button",
        "label": "Label",
        "valueType": "string"
      },
      {
        "component": "text",
        "name": "title",
        "value": "Button",
        "label": "Title",
        "valueType": "string"
      },
      {
        "component": "select",
        "name": "style",
        "label": "Style",
        "options": [
          {
            "name": "Default",
            "value": "default-button"
          },
          {
            "name": "Link",
            "value": "default-button-link"
          },
          {
            "name": "Secondary Button",
            "value": "default-button-secondary"
          },
          {
            "name": "Dark Button",
            "value": "default-button-dark"
          }
        ]
      }
    ]
  },
  {
    "id": "contentfragment",
    "fields": [
      {
        "component": "aem-content-fragment",
        "name": "reference",
        "label": "Content Fragment Picker",
        "valueType": "string",
        "required": true,
        "variationName": "contentFragmentVariation"
      },
      {
        "component": "text",
        "name": "contentFragmentVariation",
        "label": "Selected Variation",
        "value": "",
        "valueType": "string",
        "description": "Persisted variation for publish; leave empty for master.",
        "condition": { "==": [ { "var": "__alwaysFalse" }, true ] }
      },
      {
        "component": "select",
        "name": "displaystyle",
        "label": "Style",
        "options": [
          {
            "name": "default",
            "value": ""
          },
          {
            "name": "Image Left",
            "value": "image-left"
          },
          {
            "name": "Image Right",
            "value": "image-right"
          },
          {
            "name": "Image Top",
            "value": "image-top"
          },
          {
            "name": "Image Bottom",
            "value": "image-bottom"
          }
        ]
      },
      {
        "component": "select",
        "name": "alignment",
        "label": "Alignment",
        "options": [
          {
            "name": "Text Left",
            "value": "text-left"
          },
          {
            "name": "Text Right",
            "value": "text-right"
          },
          {
            "name": "Text Center",
            "value": "text-center"
          }
        ]
      },
      {
        "component": "select",
        "name": "ctastyle",
        "label": "CTA Style",
        "options": [
         {
            "name": "Link",
            "value": "cta-link"
          },
          {
            "name": "Primary Button",
            "value": "cta-button"
          },
          {
            "name": "Secondary Button",
            "value": "cta-button-secondary"
          },
          {
            "name": "Dark Button",
            "value": "cta-button-dark"
          }
        ]
      }
    ]
  },
  {
    "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"
      },
      {
            "component": "boolean",
            "label": "Enable Underline in Title",
            "description": "Enable underline in title",
            "name": "enableunderline",
            "value": "true",
            "valueType": "boolean"
      },
      {
        "component": "select",
        "name": "herolayout",
        "label": "Hero Layout Style",
        "options": [
          {
            "name": "Default",
            "value": "overlay"
          },
          {
            "name": "Image Left",
            "value": "image-left"
          },
          {
            "name": "Image Right",
            "value": "image-right"
          },
          {
            "name": "Image-Background Text-Left",
            "value": "image-background-text-left"
          },
          {
            "name": "Image-Background Text-Right",
            "value": "image-background-text-right"
          }
        ]
      },
      {
        "component": "select",
        "name": "ctastyle",
        "label": "CTA Style",
        "options": [
          {
            "name": "Link",
            "value": "link"
          },
          {
            "name": "Button",
            "value": "button"
          },
          {
            "name": "Button secondary",
            "value": "button-secondary"
          },
          {
            "name": "Dark Button",
            "value": "button-dark"
          }
        ]
      },
      {
        "component": "select",
        "name": "backgroundstyle",
        "label": "Background Style",
        "options": [
          {
            "name": "Default",
            "value": "default"
          },
          {
            "name": "Theme Dark",
            "value": "theme-dark"
          },
          {
            "name": "Theme Light",
            "value": "theme-light"
          }
        ]
      }
    ]
  },
  {
      "id": "dynamic-media-image",
      "fields": [
        {
            "component": "custom-asset-namespace:custom-asset",
            "name": "image",
            "label": "Image",
            "configUrl": "/content/dam/config/image.config.json",
            "valueType": "string"
        },
        {
            "component": "text",
            "name": "imageTitle",
            "label": "Alt Text",
            "valueType": "string"
        },
        {
          "component": "boolean",
          "valueType": "boolean",
          "name": "enableSmartCrop",
          "label": "Enable Smart Crop",
          "value":false
        },
        {
            "component": "select",
            "name": "preset",
            "value": "na",
            "label": "Preset",
            "description": "Preset to be applied to the image. This preset needs to exist on the DM account if using any account other than DynamicMediaNA",
            "valueType": "string",
            "options": [
              {
                "name": "None",
                "value": ""
              },
              {
                "name": "Border with Color",
                "value": "border"
              },
              {
                "name": "Grayscale",
                "value": "grayscale"
              }           
            ]
        },
        {
          "component": "container",
          "label": "Border Settings",
          "name": "borderSettings",
          "valueType": "string",
          "condition": { "==": [{ "var": "preset" }, "border"] },
          "fields": [
            {
              "component": "text",
              "valueType": "string",
              "name": "extend",
              "label": "Extend",
              "description": "Provide value in Left,top,right,bottom format e.g. 10,10,10,10 to add a 10 pixel padding on all sides"
            },
            {
              "component": "text",
              "valueType": "string",
              "name": "borderbgcolor",
              "label": "Border Color",
              "description": "Provide hexcode of the color without # e.g. FFFFFF"
            }
          ]
        },
        {
            "component": "select",
            "name": "rotate",
            "value": "",
            "label": "Rotate",
            "description": "Select the rotation which will rotate the image.",
            "valueType": "string",
            "options": [
                {
                "name": "None",
                "value": ""
                },
                {
                "name": "30",
                "value": "30"
                },
                {
                "name": "45",
                "value": "45"
                },
                {
                "name": "60",
                "value": "60"
                },
                {
                "name": "90",
                "value": "90"
                },
                {
                "name": "120",
                "value": "120"
                },
                {
                "name": "160",
                "value": "160"
                },
                {
                "name": "180",
                "value": "180"
                },
                {
                "name": "230",
                "value": "230"
                },
                {
                "name": "270",
                "value": "270"
                },
                {
                "name": "300",
                "value": "300"
                },
                {
                "name": "330",
                "value": "330"
                }
            ]
        },
        {
            "component": "select",
            "name": "flip",
            "value": "",
            "label": "Flip",
            "description": "Select the flip for the image either vertical or horizontal or vertical & horizontal",
            "valueType": "string",
            "options": [
                {
                "name": "None",
                "value": ""
                },
                {
                "name": "Vertical",
                "value": "v"
                },
                {
                "name": "Horizontal",
                "value": "h"
                },
                {
                "name": "Horizontal & Vertical",
                "value": "hv"
                }
            ]
        },
        {
            "component": "text",
            "name": "crop",
            "value": "",
            "label": "Crop",
            "description": "Crop the final image using four values: left, top, width, and height, all in percentages. For example, 10p,10p,50p,50p means crop the image starting 10% from the left and top, and take 50% of the image's width and height",
            "valueType": "string"
        }
      ]
  },
  {
      "id": "dynamic-media-video",
      "fields": [
        {
          "component": "custom-asset-namespace:custom-asset",
          "name": "video",
          "label": "Video",
          "configUrl": "/content/dam/config/video.config.json",
          "valueType": "string"
        },
        {
          "component": "text",
          "name": "videoTitle",
          "label": "Video Title / Alt Text",
          "description": "Accessible title for the video",
          "valueType": "string"
        },
        {
          "component": "boolean",
          "name": "autoplay",
          "value": false,
          "label": "Autoplay",
          "description": "Automatically start playing the video when loaded (will be muted for browser compatibility)",
          "valueType": "boolean"
        },
        {
          "component": "boolean",
          "name": "loop",
          "value": false,
          "label": "Loop",
          "description": "Loop the video continuously",
          "valueType": "boolean"
        },
        {
          "component": "boolean",
          "name": "muted",
          "value": false,
          "label": "Muted",
          "description": "Start the video muted",
          "valueType": "boolean"
        }
      ]
  },
  {
    "id": "quote",
    "fields": [
      {
        "component": "richtext",
        "valueType": "string",
        "name": "quotation",
        "value": "",
        "label": "Quotation"
      },
      {
        "component": "richtext",
        "name": "attribution",
        "value": "",
        "label": "Attribution",
        "valueType": "string"
      }
    ]
  },
  {
      "id": "search",
      "fields": [
        {
          "component": "aem-content",
          "name": "searchPath",
          "label": "Search Path"
        },
        {
          "component": "select",
          "name": "searchstyle",
          "label": "Search Style",
          "options": [
            {
              "name": "Search Bar",
              "value": "search-bar"
            },
            {
              "name": "Search Icon",
              "value": "search-icon"
            }
          ]
        }
      ]
  },
  {
    "id": "carousel",
    "fields": [
      {
        "component": "reference",
        "valueType": "string",
        "name": "card",
        "value": ""
      }
    ]
  },
  {
    "id": "video",
    "fields": [
      {
       "component": "text",
       "valueType": "string",
       "required": true,
       "description" : "Any direct full URL of publicly available video. e.g. video URL of aem publish instance, Dynamic Media etc.",
       "name": "videoUrl",
       "label": "Video Url"
      }
    ]
  },
  {
    "id": "separator",
    "fields": [
      {
        "component": "select",
        "name": "style",
        "label": "Style",
        "valueType": "string",
        "options": [
          {
            "name": "default",
            "value": ""
          },
          {
            "name": "Light",
            "value": "light"
          },
          {
            "name": "Dark",
            "value": "dark"
          },
          {
            "name": "Hidden",
            "value": "hidden"
          }
        ]
      },
      {
        "component": "select",
        "name": "spacing",
        "label": "Spacing",
        "valueType": "string",
        "options": [
          {
            "name": "default",
            "value": ""
          },
          {
            "name": "Small",
            "value": "small"
          },
          {
            "name": "Medium",
            "value": "medium"
          },
          {
            "name": "Large",
            "value": "large"
          }
        ]
      }
    ]
  },
  {
    "id": "iframe",
    "fields": [
      {
        "component": "text",
        "valueType": "string",
        "name": "iframeUrl",
        "value": "",
        "label": "iFrame URL",
        "description": "Please provide a URL to an iFrame app."
      }
    ]
  },
  {
    "id": "dm-template",
    "fields": [
        {
          "component": "select",
          "name": "config_source",
          "value": "inline",
          "label": "Template Config Source",
          "description": "Choose the source to provide the template path and variable configurations.",
          "valueType": "string",
          "options": [
            {
              "name": "Content Fragment",
              "value": "cf"
            },
            {
              "name": "Inline",
              "value": "inline"
            }
          ]
        },
        {
          "condition": {
            "===": [{ "var": "config_source" }, "inline"]
          },
          "component": "text",
          "name": "dm_template_url",
          "label": "Template Path",
          "description": "Provide full URL for the Dynamic Media Template. Templates should have variables which can be configured in Variable Mappings field.",
          "valueType": "string"
        },
        {
          "condition": {
            "===": [{ "var": "config_source" }, "inline"]
          },          
          "component": "text",
          "valueType": "string",
          "name": "var_mapping",
          "value": "",
          "multi": true,
          "label": "Variable Mappings",
          "description": "Provide variable values. These values should be exposed in the DM template inorder to get replaced e.g. $leftImage=DynamicMediaNA/adobestock-167833331"
        },
        {
          "condition": {
            "===": [{ "var": "config_source" }, "cf"]
          },
          "component": "aem-content",
          "name": "reference",
          "label": "Reference",
          "valueType": "string",
          "required": true,
          "validation": {
              "rootPath": "/content/dam"
          }
        }
      ]
  },
  {
    "id": "teaser",
    "fields": [
      {
        "component": "text",
        "valueType": "string",
        "value": "Your text will show here.",
        "name": "title",
        "label": "Title"
      },
      {
        "component": "select",
        "name": "teaserStyle",
        "value": "image",
        "label": "Style",
        "valueType": "string",
        "options": [
          {
            "name": "Video",
            "value": "video"
          },
          {
            "name": "Image",
            "value": "image"
          }
        ]
      },
      {
        "component": "container",
        "label": "Video Properties",
        "name": "videoProperties",
        "valueType": "string",
        "condition": {
          "===": [
            {
              "var": "teaserStyle"
            },
            "video"
          ]
        },
        "fields": [
          {
            "component": "text",
            "valueType": "string",
            "name": "videoReference",
            "label": "Video Reference",
            "multi": false,
            "description": "Provide a URL for the video background."
          },
          {
            "component": "select",
            "name": "videoBehavior",
            "value": "autoplay",
            "label": "Video Behavior (on load)",
            "valueType": "string",
            "options": [
              {
                "name": "Autoplay",
                "value": "autoplay"
              },
              {
                "name": "Pause",
                "value": "pause"
              }
            ]
          }
        ]
      },
      {
        "component": "container",
        "label": "Image Properties",
        "name": "imageProperties",
        "valueType": "string",
        "condition": {
          "===": [
            {
              "var": "teaserStyle"
            },
            "image"
          ]
        },
        "fields": [
          {
            "component": "reference",
            "valueType": "string",
            "name": "imageRef",
            "label": "Image",
            "multi": false
          },
          {
            "component": "text",
            "valueType": "string",
            "name": "alt",
            "value": "Default alt",
            "label": "Alt Text"
          }
        ]
      },
      {
        "component": "container",
        "label": "Button Properties",
        "name": "buttonProperties",
        "valueType": "string",
        "fields": [
          {
            "component": "text",
            "valueType": "string",
            "name": "buttonText",
            "value": "Button",
            "label": "Button Text"
          },
          {
            "component": "aem-content",
            "name": "btn-link",
            "label": "Button Link",
            "valueType": "string",
            "rootPath": "",
            "description": "Path to linked AEM content"
          },
          {
            "component": "boolean",
            "label": "Enable Swoosh Effect",
            "description": "Enable Circular effect on the component",
            "name": "useSwoosh",
            "value": "true",
            "valueType": "boolean"
          }
        ]
      },
      {
        "component": "select",
        "name": "ctastyle",
        "label": "CTA Style",
         "options": [
          {
            "name": "Link",
            "value": "link"
          },
          {
            "name": "Primary Button",
            "value": "button"
          },
          {
            "name": "Secondary Button",
            "value": "button-secondary"
          },
          {
            "name": "Dark Button",
            "value": "button-dark"
          }
        ]
      }
    ]
  },
  {
    "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"
          },
          {
            "name": "Persist to Spreadsheet",
            "value": "spreadsheet"
          }
        ],
        "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"
          ]
        }
      },
      {
        "condition": {
          "==": [
            {
              "var": "actionType"
            },
            "spreadsheet"
          ]
        },
        "component": "text",
        "name": "spreadsheetUrl",
        "label": "Spreadsheet Url",
        "valueType": "string"
      },
      {
        "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": "boolean",
            "name": "useHtmlTemplate",
            "label": "Use html 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": "datasource-bindref",
            "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": "datasource-bindref",
            "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": "uncheckedValue",
            "label": "When Unchecked, return value",
            "valueType": "string",
            "condition": {
              "===": [
                {
                  "var": "basic|enableUncheckedValue"
                },
                true
              ]
            }
          },
          {
            "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": "datasource-bindref",
            "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": "datasource-bindref",
            "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": "boolean",
            "label": "Allow multiple selection",
            "name": "multiSelect",
            "valueType": "boolean"
          },
          {
            "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"
              },
              {
                "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": "datasource-bindref",
            "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": "datasource-bindref",
            "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": "datasource-bindref",
            "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",
            "validation": {
              "rootPath": "/content/forms/af"
            }
          },
          {
            "component": "edit-fragment",
            "name": "editFragment",
            "label": "Edit Fragment",
            "valueType": "boolean"
          }
        ]
      },
      {
        "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": "datasource-bindref",
            "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": "datasource-bindref",
            "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": "datasource-bindref",
            "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": "repeat|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": "repeat|repeatable"
                    },
                    true
                  ]
                },
                {
                  "!==": [
                    {
                      "var": "repeat|variant"
                    },
                    "noButtons"
                  ]
                }
              ]
            }
          },
          {
            "component": "select",
            "name": "variant",
            "label": "Variant",
            "options": [
              {
                "name": "No Actions",
                "value": "noButtons"
              },
              {
                "name": "Add & Delete Buttons",
                "value": "addDeleteButtons"
              }
            ],
            "value": "addDeleteButtons",
            "condition": {
              "===": [
                {
                  "var": "repeat|repeatable"
                },
                true
              ]
            }
          },
          {
            "component": "text",
            "name": "repeatAddButtonLabel",
            "label": "Add Button Label",
            "valueType": "string",
            "value": "Add",
            "condition": {
              "and": [
                {
                  "===": [
                    {
                      "var": "repeat|variant"
                    },
                    "addDeleteButtons"
                  ]
                },
                {
                  "===": [
                    {
                      "var": "repeat|repeatable"
                    },
                    true
                  ]
                }
              ]
            }
          },
          {
            "component": "text",
            "name": "repeatDeleteButtonLabel",
            "label": "Delete Button Label",
            "valueType": "string",
            "value": "Delete",
            "condition": {
              "and": [
                {
                  "===": [
                    {
                      "var": "repeat|variant"
                    },
                    "addDeleteButtons"
                  ]
                },
                {
                  "===": [
                    {
                      "var": "repeat|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": "datasource-bindref",
            "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": "tabs",
    "fields": [
      {
        "component": "select",
        "name": "tabsstyle",
        "label": "Tabs Style",
        "options": [
          {
            "name": "Default",
            "value": ""
          },
          {
            "name": "Card Style",
            "value": "card-style-tab"
          }
        ]
      }
    ]
  },
  {
    "id": "tabs-item",
    "fields": [
      {
        "component": "text",
        "valueType": "string",
        "name": "title",
        "value": "",
        "label": "Tab Title"
      },
      {
        "component": "text",
        "valueType": "string",
        "name": "content_heading",
        "value": "",
        "label": "Heading"
      },
      {
        "component": "select",
        "valueType": "string",
        "name": "content_headingType",
        "value": "",
        "label": "Heading Type",
        "options": [
          {
            "name": "H3",
            "value": "h3"
          },
          {
            "name": "H4",
            "value": "h4"
          },
          {
            "name": "H5",
            "value": "h5"
          },
          {
            "name": "H6",
            "value": "h6"
          }
        ]
      },
      {
        "component": "reference",
        "valueType": "string",
        "name": "content_image",
        "label": "Image",
        "multi": false
      },
      {
        "component": "richtext",
        "name": "content_richtext",
        "value": "",
        "label": "Content",
        "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": "datasource-bindref",
            "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": "datasource-bindref",
            "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": "datasource-bindref",
            "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": "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": "datasource-bindref",
            "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": "datasource-bindref",
            "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": "range",
    "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": "datasource-bindref",
            "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."
          }
        ]
      },
      {
        "component": "container",
        "name": "custom",
        "label": "Custom Properties",
        "collapsible": true,
        "fields": [
          {
            "component": "number",
            "name": "stepValue",
            "label": "Step Value",
            "valueType": "number",
            "description": "Step value for the range"
          }
        ]
      }
    ]
  },
  {
    "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": "datasource-bindref",
            "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": "datasource-bindref",
            "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": "datasource-bindref",
            "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": "forex",
    "fields": [
      {
        "component": "select",
        "name": "baseCurrency",
        "value": "AUD",
        "label": "Base Currency",
        "valueType": "string",
        "options": [
          {
            "name": "Australian Dollar",
            "value": "AUD"
          },
          {
            "name": "US Dollar",
            "value": "USD"
          },
          {
            "name": "Pound Sterling",
            "value": "GBP"
          },
          {
            "name": "Canadian Dollar",
            "value": "CAD"
          },
          {
            "name": "Euro",
            "value": "EUR"
          }
        ]
      }
    ]
  },
  {
    "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": "datasource-bindref",
            "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": "accordion-item",
    "fields": [
      {
        "component": "text",
        "valueType": "string",
        "name": "summary",
        "value": "",
        "label": "Summary"
      },
      {
        "component": "richtext",
        "name": "text",
        "value": "",
        "label": "Text",
        "valueType": "string"
      }
    ]
  },
  {
    "id": "find-a-doctor",
    "fields": [
      {
        "component": "text",
        "valueType": "string",
        "name": "title",
        "label": "Title",
        "value": "Find a Doctor"
      },
      {
        "component": "text",
        "valueType": "string",
        "name": "subtitle",
        "label": "Subtitle",
        "value": "Search for healthcare providers in your area"
      },
      {
        "component": "select",
        "name": "layout",
        "label": "Layout Style",
        "valueType": "string",
        "value": "default",
        "options": [
          {
            "name": "Default",
            "value": "default"
          },
          {
            "name": "Compact",
            "value": "compact"
          },
          {
            "name": "Expanded",
            "value": "expanded"
          }
        ]
      },
      {
        "component": "select",
        "name": "dataSourceType",
        "label": "Data Source Type",
        "valueType": "string",
        "value": "content-fragments",
        "options": [
          {
            "name": "Content Fragments",
            "value": "content-fragments"
          },
          {
            "name": "External API",
            "value": "api"
          }
        ]
      },
        {
          "component": "aem-content",
          "name": "contentFragmentFolder",
          "label": "Content Fragment Folder",
          "description": "Select folder containing multiple doctor Content Fragments",
          "valueType": "string",
          "validation": {
            "rootPath": "/content/dam"
          },
          "condition": { "==": [{ "var": "dataSourceType" }, "content-fragments"] }
        },
      {
        "component": "text",
        "valueType": "string",
        "name": "apiUrl",
        "label": "API URL",
        "description": "External API endpoint for doctor data",
        "condition": { "==": [{ "var": "dataSourceType" }, "api"] }
      },
      {
        "component": "boolean",
        "name": "enableLocationSearch",
        "label": "Enable Location Search",
        "value": "true",
        "valueType": "boolean"
      },
      {
        "component": "boolean",
        "name": "enableSpecialtyFilter",
        "label": "Enable Specialty Filter",
        "value": "true",
        "valueType": "boolean"
      },
      {
        "component": "boolean",
        "name": "enableProviderNameSearch",
        "label": "Enable Provider Name Search",
        "value": "true",
        "valueType": "boolean"
      },
      {
        "component": "boolean",
        "name": "enableSubmitAction",
        "label": "Enable Submit Action",
        "value": "true",
        "valueType": "boolean"
      },
      {
        "component": "text",
        "valueType": "string",
        "name": "submitUrl",
        "label": "Submit URL",
        "description": "URL to redirect to when Book Appointment is clicked (if Submit Action is enabled)",
        "condition": { "==": [{ "var": "enableSubmitAction" }, true] }
      }
    ]
  }
]