diff --git a/default-templates/approval_template/assets/preview-thumbs/preview1.jpeg b/default-templates/approval_template/assets/preview-thumbs/preview1.jpeg
deleted file mode 100644
index dbd5af4..0000000
Binary files a/default-templates/approval_template/assets/preview-thumbs/preview1.jpeg and /dev/null differ
diff --git a/default-templates/approval_template/assets/preview-thumbs/preview1.jpg b/default-templates/approval_template/assets/preview-thumbs/preview1.jpg
new file mode 100644
index 0000000..7fe4846
Binary files /dev/null and b/default-templates/approval_template/assets/preview-thumbs/preview1.jpg differ
diff --git a/default-templates/approval_template/assets/preview-thumbs/preview2.jpeg b/default-templates/approval_template/assets/preview-thumbs/preview2.jpeg
deleted file mode 100644
index e6bfbfe..0000000
Binary files a/default-templates/approval_template/assets/preview-thumbs/preview2.jpeg and /dev/null differ
diff --git a/default-templates/approval_template/assets/preview-thumbs/preview3.jpeg b/default-templates/approval_template/assets/preview-thumbs/preview3.jpeg
deleted file mode 100644
index d5c8c42..0000000
Binary files a/default-templates/approval_template/assets/preview-thumbs/preview3.jpeg and /dev/null differ
diff --git a/default-templates/approval_template/screen_template_export.json b/default-templates/approval_template/screen_template_export.json
index 44c3f8c..f78256e 100644
--- a/default-templates/approval_template/screen_template_export.json
+++ b/default-templates/approval_template/screen_template_export.json
@@ -1 +1 @@
-{"type":"screen_templates_package","version":"2","root":"9bf4c68a-5884-4dd7-a77d-f37fc46e9707","name":"Approval Template","export":{"9bf4c68a-5884-4dd7-a77d-f37fc46e9707":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScreenTemplatesExporter","type":"ScreenTemplates","type_human":"Screen Template","type_plural":"ScreenTemplates","type_human_plural":"Screen Templates","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ScreenTemplates","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Approval Template","description":"Default approval screen template","process_manager":"","process_manager_id":null,"attributes":{"id":573,"uuid":"9bf4c68a-5884-4dd7-a77d-f37fc46e9707","unique_template_id":null,"name":"Approval Template","description":"Default approval screen template","version":"1.0.0","user_id":1,"editing_screen_uuid":null,"screen_category_id":1,"screen_type":"FORM","manifest":"{\"name\": \"PLG - Approval template\", \"root\": \"9bf4c563-060f-45ee-929d-4431b514d6df\", \"type\": \"screen_package\", \"export\": {\"9bf4c562-e24c-4174-8075-97e22f37ffed\": {\"mode\": \"update\", \"name\": \"Style general - PLG - Health Savings Account 2\", \"type\": \"Screen\", \"model\": \"ProcessMaker\\\\Models\\\\Screen\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"attributes\": {\"id\": 2203, \"key\": null, \"type\": \"DISPLAY\", \"uuid\": \"9bf4c562-e24c-4174-8075-97e22f37ffed\", \"title\": \"Style general - PLG - Health Savings Account 2\", \"config\": \"[{\\\"name\\\": \\\"Style general - PLG - Health Savings Account\\\", \\\"items\\\": [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"Fonts\\\\n<style>\\\\n  /* Poppins Regular */\\\\n  @font-face {\\\\n    font-family: 'Poppins';\\\\n    font-style: normal;\\\\n    font-weight: 400;\\\\n    src: url('https://plg-winter.dev.cloud.processmaker.net/public-files/poppins-regular.ttf') format('truetype');\\\\n  }\\\\n\\\\n/* Poppins Medium */\\\\n  @font-face {\\\\n    font-family: 'PoppinsBold';\\\\n    font-style: normal;\\\\n    font-weight: 400;\\\\n    src: url('https://plg-winter.dev.cloud.processmaker.net/public-files/Poppins-SemiBold.ttf') format('truetype');\\\\n  }\\\\n\\\\n  /* Poppins Bold */\\\\n  @font-face {\\\\n    font-family: 'Poppins-bold';\\\\n    font-style: normal;\\\\n    font-weight: 600;\\\\n    src: url('https://plg-winter.dev.cloud.processmaker.net/public-files/poppins-bold.ttf') format('truetype');\\\\n  }\\\\nbody{font-family: 'Poppins';}\\\\n</style>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"false\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<h1><strong>STYLE GENERAL - PLG - Health Savings Account</strong></h1>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"false\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"bg-Header\\\\n<style>\\\\n  /* X-Small devices (portrait phones, less than 576px) */\\\\n  @media (max-width: 575.98px) {\\\\n  \\\\timg {\\\\n\\\\t    vertical-align: middle;\\\\n\\\\t    border-style: none;\\\\n\\\\t    max-width: 80px;\\\\n\\\\t    float: left;\\\\n\\\\t\\\\t}\\\\n  }\\\\n\\\\n  /* Small devices (landscape phones, less than 768px) */\\\\n  @media (max-width: 767.98px) {\\\\n\\\\t\\\\t[selector=\\\\\\\"bg-Header\\\\\\\"] .col-sm-6 {\\\\n\\\\t\\\\t\\\\ttext-align:center !important;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\th4.text-primary {\\\\n\\\\t\\\\t\\\\ttext-align: center;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\th5.text-primary {\\\\n\\\\t\\\\t\\\\ttext-align: center;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\timg {\\\\n\\\\t    vertical-align: middle;\\\\n\\\\t    border-style: none;\\\\n\\\\t    max-width: 150px;\\\\n\\\\t    float: left;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\t/* Small devices (landscape phones, less than 768px) */\\\\n\\\\t\\\\t@media (max-width: 767.98px) {\\\\n\\\\t\\\\t[selector=\\\\\\\"bg-Header\\\\\\\"] .col-sm-6 {\\\\n\\\\t\\\\t\\\\ttext-align:center !important;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\th4.text-primary {\\\\n\\\\t\\\\t\\\\ttext-align: center;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\th5.text-primary {\\\\n\\\\t\\\\t\\\\ttext-align: center;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\timg {\\\\n\\\\t    vertical-align: middle;\\\\n\\\\t    border-style: none;\\\\n\\\\t    max-width: 150px;\\\\n\\\\t    float: left;\\\\n\\\\t\\\\t}\\\\n  }\\\\n\\\\n  /* Medium devices (tablets, less than 992px) */\\\\n  @media (max-width: 991.98px) {\\\\n  \\\\timg {\\\\n\\\\t    vertical-align: middle;\\\\n\\\\t    border-style: none;\\\\n\\\\t    max-width: 300px;\\\\n\\\\t    float: left;\\\\n\\\\t\\\\t}\\\\n  }\\\\n\\\\n  /* Large devices (desktops, less than 1200px) */\\\\n  @media (max-width: 1199.98px) {\\\\n  \\\\timg {\\\\n\\\\t    vertical-align: middle;\\\\n\\\\t    border-style: none;\\\\n\\\\t    max-width: 450px;\\\\n\\\\t    float: left;\\\\n\\\\t\\\\t}\\\\n  }\\\\n\\\\n  /* X-Large devices (large desktops, less than 1400px) */\\\\n  @media (max-width: 1399.98px) {\\\\n  \\\\timg {\\\\n\\\\t    vertical-align: middle;\\\\n\\\\t    border-style: none;\\\\n\\\\t    max-width: 550px;\\\\n\\\\t    float: left;\\\\n\\\\t\\\\t}\\\\n  }\\\\n</style>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"false\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[]\", \"watchers\": null, \"asset_type\": null, \"created_at\": \"2024-03-05 22:32:30\", \"custom_css\": \"/***StyleDiego-PLGHealthSavingsAccoount*****/\\r\\n[selector='bg-container']{\\r\\n    background-color: #DEEBFF;\\r\\n}\\r\\n\\r\\n[selector='bg-form']{\\r\\n    background-color: #F6F9FB;\\r\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    padding: 10px 30px;\\r\\n    max-width: 873px;\\r\\n    margin: auto;\\r\\n}\\r\\n\\r\\n[selector='Bg-Form2']{\\r\\n    background-color: #FFFFFF;\\r\\n    padding: 10px 40px;\\r\\n}\\r\\n\\r\\n[selector='bg-Header']{\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\r\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    max-width: 873px;\\r\\n    margin: auto;\\r\\n}\\r\\n[selector='Bg-Header2']{ \\r\\n    background: linear-gradient(to right, #bcdcf8 0%, #ffffff 100%);\\r\\n    /*max-width: 873px;\\r\\n    margin: auto;*/\\r\\n}\\r\\n[selector='Bg-headerList']{ \\r\\n    background-color:#95C8F3;\\r\\n    padding: 10px 15px 0 15px;\\r\\n}\\r\\n[selector='Bg-GridList'] .row{ \\r\\n    margin-right:0px !important;\\r\\n    margin-left:0px !important;\\r\\n}\\r\\n[selector='Bg-GridList'] .col-sm-3{ \\r\\n    border:1px solid #95C8F3;\\r\\n}\\r\\n\\r\\n[selector='bg-Footer']{\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\r\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    height: 68px;\\r\\n    max-width: 873px;\\r\\n    margin: auto;\\r\\n}\\r\\n[selector='logo-img']{\\r\\n    padding: 25px 20px 10px 20px;\\r\\n}\\r\\n\\r\\n[selector='logo-img2']{\\r\\n    padding: 35px 20px 25px 40px;\\r\\n}\\r\\n\\r\\n.hdrTxt {\\r\\n    text-align: right;\\r\\n    color: #FFFFFF;\\r\\n    font-size: 20px;\\r\\n    font-weight: bold;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    padding-right: 10px;\\r\\n    padding-top: 5px;\\r\\n}\\r\\n.hdrTxt2 {\\r\\n    text-align: right;\\r\\n    color: #556271;\\r\\n    font-size: 20px;\\r\\n    font-weight: bold;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    margin: 0px 50px;\\r\\n}\\r\\n.hdrTxt3 {\\r\\n    text-align: right;\\r\\n    color: #556271;\\r\\n    font-size: 20px;\\r\\n    font-weight: 400;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    margin: 25px 50px 0px 50px;\\r\\n}\\r\\n.WhitehdrTxt2 {\\r\\n    text-align: right;\\r\\n    color: #FFFFFF;\\r\\n    font-size: 20px;\\r\\n    font-weight: bold;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    margin: 0px 20px;\\r\\n}\\r\\n.WhitehdrTxt3 {\\r\\n    text-align: right;\\r\\n    color: #FFFFFF;\\r\\n    font-size: 20px;\\r\\n    font-weight: 400;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    margin: 15px 20px 0px 20px;\\r\\n}\\r\\n\\r\\n\\r\\n.Textlitle{\\r\\n    color: #9dabb6;\\r\\n    font-size: 16px;\\r\\n    font-family: 'Poppins';\\r\\n    font-weight: 500;\\r\\n    line-height: 24px;\\r\\n}\\r\\n.TitleHealth{\\r\\n    color: #000000;\\r\\n    font-size: 38px;\\r\\n    font-weight: 600;\\r\\n    font-family: 'Poppins';\\r\\n    line-height: 45.6px;\\r\\n}\\r\\n.TextField{\\r\\n    color: #556271;\\r\\n    font-size: 16px;\\r\\n    font-weight: 400;\\r\\n    font-family: 'Poppins';\\r\\n    line-height: 24px;\\r\\n}\\r\\n.TextFieldGrid{\\r\\n    color: #556271;\\r\\n    font-size: 16px;\\r\\n    font-weight: 400;\\r\\n    font-family: 'Poppins';\\r\\n    line-height: 24px;\\r\\n    padding-top: 12px;\\r\\n}\\r\\n\\r\\n.TextFieldWhite{\\r\\n    color: #FFFFFF;\\r\\n    font-size: 16px;\\r\\n    font-weight: 400;\\r\\n    font-family: 'PoppinsBold';\\r\\n    line-height: 24px;\\r\\n}\\r\\n.TitleSeccion{\\r\\n    color: #0B3961;\\r\\n    border-bottom: 2px solid #BCDCF8;\\r\\n    font-size: 18px;\\r\\n    font-weight: 600;\\r\\n    font-family: 'Poppins';\\r\\n    line-height: 35px;\\r\\n}\\r\\n.TitleSeccion2{\\r\\n    background-color: #DEEEFA;\\r\\n    color: #556271;\\r\\n    font-size: 16px;\\r\\n    font-weight: 700;\\r\\n    font-family: 'Poppins';\\r\\n    padding: 10px 20px;\\r\\n    margin: 20px 0px;\\r\\n}\\r\\n.form-group label{\\r\\n    color: #556271;\\r\\n    font-size: 15px;\\r\\n    font-weight: 400;\\r\\n    font-family: 'Poppins';\\r\\n    line-height: 20.43px;\\r\\n}\\r\\n.form-control {\\r\\n    color: #556271;\\r\\n    border: 2px solid #bfc4c9;\\r\\n    border-radius: 4px;\\r\\n    padding: 10px;\\r\\n    margin-bottom: 15px\\r\\n}\\r\\n\\r\\n[selector='btn-position'] .btn-primary{\\r\\n    background-color:#1572C2;\\r\\n    border: 1px solid #1572C2;\\r\\n    color: #FFFFFF;\\r\\n    border-radius: 8px;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n/***Approval template***/\\r\\n\\r\\n\\r\\n[selector='loopText'] {\\r\\n   text-align: center;\\r\\n}\\r\\n\\r\\n.required-asterisk{\\r\\n    color:#1572C2;\\r\\n}\\r\\n[selector='Bg-Approve'] .btn-primary{\\r\\n    background-color:#4EA075;\\r\\n    border: 1px solid #4EA075;\\r\\n    color: #FFFFFF;\\r\\n    border-radius: 8px;\\r\\n    width: 100%;\\r\\n}\\r\\n[selector='Bg-Reject'] .btn-danger{\\r\\n    background-color:#ED4858;\\r\\n    border: 1px solid #ED4858;\\r\\n    color: #FFFFFF;\\r\\n    border-radius: 8px;\\r\\n    width: 100%;\\r\\n}\", \"updated_at\": \"2024-05-03 17:04:19\", \"description\": \"Style general - PLG - Health Savings Account\", \"is_template\": 0, \"translations\": null}, \"dependents\": [], \"references\": {\"uncategorized-category\": true}, \"type_human\": \"Screen\", \"description\": \"Style general - PLG - Health Savings Account\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}, \"9bf4c563-060f-45ee-929d-4431b514d6df\": {\"mode\": \"update\", \"name\": \"PLG - Approval template\", \"type\": \"Screen\", \"model\": \"ProcessMaker\\\\Models\\\\Screen\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"attributes\": {\"id\": 2204, \"key\": null, \"type\": \"FORM\", \"uuid\": \"9bf4c563-060f-45ee-929d-4431b514d6df\", \"title\": \"PLG - Approval template\", \"config\": \"[{\\\"name\\\": \\\"PLG - Approval template\\\", \\\"items\\\": [{\\\"label\\\": \\\"Nested Screen\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-file-invoice\\\", \\\"name\\\": \\\"Nested Screen\\\", \\\"label\\\": \\\"Nested Screen\\\", \\\"value\\\": null, \\\"screen\\\": 2203, \\\"variant\\\": \\\"primary\\\"}, \\\"component\\\": \\\"FormNestedScreen\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"ScreenSelector\\\", \\\"field\\\": \\\"screen\\\", \\\"config\\\": {\\\"name\\\": \\\"SelectScreen\\\", \\\"label\\\": \\\"Screen\\\", \\\"helper\\\": \\\"Select a screen\\\", \\\"validate-nested\\\": false}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormNestedScreen\\\", \\\"editor-component\\\": \\\"FormNestedScreen\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"isologo%202\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image/png;base64,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\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false, \\\"customCssSelector\\\": \\\"logo-img2\\\"}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormImage\\\", \\\"editor-component\\\": \\\"FormImage\\\"}], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<div class=\\\\\\\"d-none d-sm-block\\\\\\\">\\\\n<h4 class=\\\\\\\"hdrTxt3\\\\\\\">Jose Maldonado</h4>\\\\n</div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<div class=\\\\\\\"d-none d-sm-block\\\\\\\">\\\\n<h3 class=\\\\\\\"hdrTxt2\\\\\\\">Self Assesment</h3>\\\\n</div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}], \\\"customCssSelector\\\": \\\"Bg-Header2\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #FFFFFF;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"Textlitle\\\\\\\">Step 1</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleHealth\\\\\\\">Health Savings Account</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">In general, please list everyone who lives in your home. If someone is pregnant, just count them as one person. we'll ask about the pregnancy later.</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleSeccion2\\\\\\\">Section Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_2\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_3\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"form_select_list_1\\\", \\\"label\\\": \\\"Select List Name\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"readonly\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"rootElement\\\": \\\"response\\\", \\\"dataSourceUrl\\\": null, \\\"dataSourceEndpoint\\\": null}, \\\"component\\\": \\\"FormSelectList\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"OptionsList\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}], [{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"form_select_list_1\\\", \\\"label\\\": \\\"Select List Name\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"readonly\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"rootElement\\\": \\\"response\\\", \\\"dataSourceUrl\\\": null, \\\"dataSourceEndpoint\\\": null}, \\\"component\\\": \\\"FormSelectList\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"OptionsList\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">There will be a question here</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_1\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}], [{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_1\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}], [{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_1\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"4\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"MultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"label\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"loop_1\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"3\\\", \\\"varname\\\": \\\"loop_1\\\"}, \\\"customCssSelector\\\": \\\"loopText\\\"}, \\\"component\\\": \\\"FormLoop\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"LoopInspector\\\", \\\"field\\\": \\\"settings\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"Loop\\\", \\\"editor-component\\\": \\\"Loop\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #F6F9FB;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Date Picker\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-calendar-alt\\\", \\\"name\\\": \\\"form_date_picker_1\\\", \\\"type\\\": \\\"datetime\\\", \\\"label\\\": \\\"Field Name\\\", \\\"maxDate\\\": null, \\\"minDate\\\": null, \\\"disabled\\\": false, \\\"dataFormat\\\": \\\"date\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"xx/xx/xxxx\\\"}, \\\"component\\\": \\\"FormDatePicker\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"minDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Minimum Date\\\", \\\"label\\\": \\\"Minimum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"maxDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Maximum Date\\\", \\\"label\\\": \\\"Maximum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"after_min_date|date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormDatePicker\\\", \\\"editor-component\\\": \\\"FormDatePicker\\\"}], [{\\\"label\\\": \\\"Date Picker\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-calendar-alt\\\", \\\"name\\\": \\\"form_date_picker_1\\\", \\\"type\\\": \\\"datetime\\\", \\\"label\\\": \\\"Field Name\\\", \\\"maxDate\\\": null, \\\"minDate\\\": null, \\\"disabled\\\": false, \\\"dataFormat\\\": \\\"date\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"xx/xx/xxxx\\\"}, \\\"component\\\": \\\"FormDatePicker\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"minDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Minimum Date\\\", \\\"label\\\": \\\"Minimum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"maxDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Maximum Date\\\", \\\"label\\\": \\\"Maximum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"after_min_date|date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormDatePicker\\\", \\\"editor-component\\\": \\\"FormDatePicker\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_4\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_5\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: #bdc2c5 1px dashed;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleSeccion2\\\\\\\">Section Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextFieldWhite\\\\\\\">List</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextFieldWhite\\\\\\\">Field Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextFieldWhite\\\\\\\">Field Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextFieldWhite\\\\\\\">Field Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"4\\\", \\\"content\\\": \\\"3\\\"}], \\\"customCssSelector\\\": \\\"Bg-headerList\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextFieldGrid\\\\\\\">Name of the row</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [], [], []], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"4\\\", \\\"content\\\": \\\"3\\\"}], \\\"customCssSelector\\\": \\\"Bg-GridList\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"label\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"loop_5\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"8\\\", \\\"varname\\\": \\\"loop_5\\\"}}, \\\"component\\\": \\\"FormLoop\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"LoopInspector\\\", \\\"field\\\": \\\"settings\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"Loop\\\", \\\"editor-component\\\": \\\"Loop\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleSeccion2\\\\\\\">Section Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Textarea\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-paragraph\\\", \\\"name\\\": \\\"form_text_area_2\\\", \\\"rows\\\": 2, \\\"label\\\": \\\"i Will START ding: These new tasks that are  currently not being done and would have a positive  impact on my work\\\", \\\"helper\\\": null, \\\"currency\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"richtext\\\": false, \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormTextArea\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"richtext\\\", \\\"config\\\": {\\\"label\\\": \\\"Rich Text\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"rows\\\", \\\"config\\\": {\\\"label\\\": \\\"Rows\\\", \\\"helper\\\": \\\"The number of rows to provide for input\\\", \\\"validation\\\": \\\"integer\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormTextArea\\\", \\\"editor-component\\\": \\\"FormTextArea\\\"}], [{\\\"label\\\": \\\"Textarea\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-paragraph\\\", \\\"name\\\": \\\"form_text_area_3\\\", \\\"rows\\\": 2, \\\"label\\\": \\\"i Will START ding: These new tasks that are  currently not being done and would have a positive  impact on my work\\\", \\\"helper\\\": null, \\\"currency\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"richtext\\\": false, \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormTextArea\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"richtext\\\", \\\"config\\\": {\\\"label\\\": \\\"Rich Text\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"rows\\\", \\\"config\\\": {\\\"label\\\": \\\"Rows\\\", \\\"helper\\\": \\\"The number of rows to provide for input\\\", \\\"validation\\\": \\\"integer\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormTextArea\\\", \\\"editor-component\\\": \\\"FormTextArea\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"MultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"label\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"loop_3\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"3\\\", \\\"varname\\\": \\\"loop_3\\\"}}, \\\"component\\\": \\\"FormLoop\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"LoopInspector\\\", \\\"field\\\": \\\"settings\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"Loop\\\", \\\"editor-component\\\": \\\"Loop\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Form2\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": null, \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"REJECT\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"danger\\\", \\\"fieldValue\\\": null, \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"Bg-Reject\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(?<![.])$/|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"event\\\", \\\"config\\\": {\\\"label\\\": \\\"Type\\\", \\\"helper\\\": \\\"Choose whether the button should submit the form\\\", \\\"options\\\": [{\\\"value\\\": \\\"submit\\\", \\\"content\\\": \\\"Submit Button\\\"}, {\\\"value\\\": \\\"script\\\", \\\"content\\\": \\\"Regular Button\\\"}]}}, {\\\"type\\\": \\\"LoadingSubmitButton\\\", \\\"field\\\": \\\"loading\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button\\\", \\\"helper\\\": \\\"Loading Submit Button\\\"}}, {\\\"type\\\": \\\"LabelSubmitButton\\\", \\\"field\\\": \\\"loadingLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button Label\\\", \\\"helper\\\": \\\"Loading Submit Button Label\\\"}}, {\\\"type\\\": {\\\"props\\\": [\\\"label\\\", \\\"value\\\", \\\"helper\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"FormTextArea\\\": {\\\"name\\\": \\\"FormTextArea\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"rows\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"readonly\\\": {\\\"type\\\": null}, \\\"richtext\\\": {\\\"type\\\": null}, \\\"controlClass\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"rows\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"mixins\\\": [{\\\"methods\\\": [], \\\"directives\\\": {\\\"uni-id\\\": [], \\\"uni-for\\\": [], \\\"uni-form\\\": [], \\\"uni-aria-owns\\\": [], \\\"uni-aria-flowto\\\": [], \\\"uni-aria-controls\\\": [], \\\"uni-aria-labelledby\\\": [], \\\"uni-aria-describedby\\\": [], \\\"uni-aria-activedescendant\\\": []}}, {\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Editor\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"id\\\": [], \\\"init\\\": [], \\\"value\\\": [], \\\"apiKey\\\": [], \\\"inline\\\": [], \\\"plugins\\\": {\\\"type\\\": [null, null]}, \\\"tagName\\\": [], \\\"toolbar\\\": {\\\"type\\\": [null, null]}, \\\"disabled\\\": [], \\\"modelEvents\\\": {\\\"type\\\": [null, null]}, \\\"cloudChannel\\\": [], \\\"initialValue\\\": []}, \\\"watch\\\": []}, \\\"DisplayErrors\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"validator\\\": {\\\"type\\\": null}}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"tooltip\\\", \\\"config\\\": {\\\"label\\\": \\\"Tooltip\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"fieldValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Value\\\", \\\"helper\\\": \\\"The value being submitted\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": null, \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"APPROVE\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"primary\\\", \\\"fieldValue\\\": null, \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"Bg-Approve\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(?<![.])$/|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"event\\\", \\\"config\\\": {\\\"label\\\": \\\"Type\\\", \\\"helper\\\": \\\"Choose whether the button should submit the form\\\", \\\"options\\\": [{\\\"value\\\": \\\"submit\\\", \\\"content\\\": \\\"Submit Button\\\"}, {\\\"value\\\": \\\"script\\\", \\\"content\\\": \\\"Regular Button\\\"}]}}, {\\\"type\\\": \\\"LoadingSubmitButton\\\", \\\"field\\\": \\\"loading\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button\\\", \\\"helper\\\": \\\"Loading Submit Button\\\"}}, {\\\"type\\\": \\\"LabelSubmitButton\\\", \\\"field\\\": \\\"loadingLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button Label\\\", \\\"helper\\\": \\\"Loading Submit Button Label\\\"}}, {\\\"type\\\": {\\\"props\\\": [\\\"label\\\", \\\"value\\\", \\\"helper\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"FormTextArea\\\": {\\\"name\\\": \\\"FormTextArea\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"rows\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"readonly\\\": {\\\"type\\\": null}, \\\"richtext\\\": {\\\"type\\\": null}, \\\"controlClass\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"rows\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"mixins\\\": [{\\\"methods\\\": [], \\\"directives\\\": {\\\"uni-id\\\": [], \\\"uni-for\\\": [], \\\"uni-form\\\": [], \\\"uni-aria-owns\\\": [], \\\"uni-aria-flowto\\\": [], \\\"uni-aria-controls\\\": [], \\\"uni-aria-labelledby\\\": [], \\\"uni-aria-describedby\\\": [], \\\"uni-aria-activedescendant\\\": []}}, {\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Editor\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"id\\\": [], \\\"init\\\": [], \\\"value\\\": [], \\\"apiKey\\\": [], \\\"inline\\\": [], \\\"plugins\\\": {\\\"type\\\": [null, null]}, \\\"tagName\\\": [], \\\"toolbar\\\": {\\\"type\\\": [null, null]}, \\\"disabled\\\": [], \\\"modelEvents\\\": {\\\"type\\\": [null, null]}, \\\"cloudChannel\\\": [], \\\"initialValue\\\": []}, \\\"watch\\\": []}, \\\"DisplayErrors\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"validator\\\": {\\\"type\\\": null}}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"tooltip\\\", \\\"config\\\": {\\\"label\\\": \\\"Tooltip\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"fieldValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Value\\\", \\\"helper\\\": \\\"The value being submitted\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"2\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-containerAT\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[]\", \"watchers\": null, \"asset_type\": null, \"created_at\": \"2024-04-08 14:21:11\", \"custom_css\": \"[selector='Bg-containerAT'] {\\n    background-color: #FFFFFF;\\n}\", \"updated_at\": \"2024-05-03 17:04:19\", \"description\": \"PLG - Approval template\", \"is_template\": 0, \"translations\": null}, \"dependents\": [{\"meta\": null, \"name\": \"Style general - PLG - Health Savings Account 2\", \"type\": \"screens\", \"uuid\": \"9bf4c562-e24c-4174-8075-97e22f37ffed\", \"discard\": false, \"modelClass\": \"ProcessMaker\\\\Models\\\\Screen\", \"exporterClass\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"fallbackMatches\": {\"key\": null, \"title\": \"Style general - PLG - Health Savings Account 2\"}}], \"references\": {\"uncategorized-category\": true}, \"type_human\": \"Screen\", \"description\": \"PLG - Approval template\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}}, \"version\": \"2\"}","screen_custom_css":"[selector='Bg-containerAT'] {\n    background-color: #FFFFFF;\n}","media_collection":"st-9bf4c68a-5884-4dd7-a77d-f37fc46e9707-media","is_public":1,"is_default_template":0,"is_system":0,"asset_type":null,"created_at":"2024-05-03 17:07:32","updated_at":"2024-05-03 17:07:32"},"extraAttributes":{"translatedLanguages":[]},"references":[]}}}
\ No newline at end of file
+{"type":"screen_templates_package","version":"2","root":"9bfd436b-3f5f-42b5-854e-1c512e6a15cf","name":"Approval Template","export":{"9bfd436b-3f5f-42b5-854e-1c512e6a15cf":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScreenTemplatesExporter","type":"ScreenTemplates","type_human":"Screen Template","type_plural":"ScreenTemplates","type_human_plural":"Screen Templates","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ScreenTemplates","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Approval Template","description":"Default approval template","process_manager":"","process_manager_id":null,"attributes":{"id":748,"uuid":"9bfd436b-3f5f-42b5-854e-1c512e6a15cf","unique_template_id":null,"name":"Approval Template","description":"Default approval template","version":"1.0.0","user_id":1,"editing_screen_uuid":null,"screen_category_id":1,"screen_type":"FORM","manifest":"{\"name\": \"PLG - Approval template\", \"root\": \"9bfd3e5e-3f72-439c-93c1-ca3d4cf0af0f\", \"type\": \"screen_package\", \"export\": {\"9bfd3e5e-3f72-439c-93c1-ca3d4cf0af0f\": {\"mode\": \"update\", \"name\": \"PLG - Approval template\", \"type\": \"Screen\", \"model\": \"ProcessMaker\\\\Models\\\\Screen\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"attributes\": {\"id\": 3135, \"key\": null, \"type\": \"FORM\", \"uuid\": \"9bfd3e5e-3f72-439c-93c1-ca3d4cf0af0f\", \"title\": \"PLG - Approval template\", \"config\": \"[{\\\"name\\\": \\\"PLG - Approval template\\\", \\\"items\\\": [{\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"isologo%202\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image/png;base64,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\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false, \\\"customCssSelector\\\": \\\"logo-img2\\\"}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormImage\\\", \\\"editor-component\\\": \\\"FormImage\\\"}], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<div class=\\\\\\\"d-none d-sm-block\\\\\\\">\\\\n<h4 class=\\\\\\\"hdrTxt3\\\\\\\">Jose Maldonado</h4>\\\\n</div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<div class=\\\\\\\"d-none d-sm-block\\\\\\\">\\\\n<h3 class=\\\\\\\"hdrTxt2\\\\\\\">Self Assesment</h3>\\\\n</div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}], \\\"customCssSelector\\\": \\\"Bg-Header2\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #FFFFFF;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"Textlitle\\\\\\\">Step 1</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleHealth\\\\\\\">Health Savings Account</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">In general, please list everyone who lives in your home. If someone is pregnant, just count them as one person. we'll ask about the pregnancy later.</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleSeccion2\\\\\\\">Section Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_2\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_3\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"form_select_list_1\\\", \\\"label\\\": \\\"Select List Name\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"readonly\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"rootElement\\\": \\\"response\\\", \\\"dataSourceUrl\\\": null, \\\"dataSourceEndpoint\\\": null}, \\\"component\\\": \\\"FormSelectList\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"OptionsList\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}], [{\\\"label\\\": \\\"Date Picker\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-calendar-alt\\\", \\\"name\\\": \\\"form_date_picker_1\\\", \\\"type\\\": \\\"datetime\\\", \\\"label\\\": \\\"Field Name\\\", \\\"maxDate\\\": null, \\\"minDate\\\": null, \\\"disabled\\\": false, \\\"dataFormat\\\": \\\"date\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"xx/xx/xxxx\\\"}, \\\"component\\\": \\\"FormDatePicker\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"minDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Minimum Date\\\", \\\"label\\\": \\\"Minimum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"maxDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Maximum Date\\\", \\\"label\\\": \\\"Maximum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"after_min_date|date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormDatePicker\\\", \\\"editor-component\\\": \\\"FormDatePicker\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">There will be a question here</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_1\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}], [{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_2\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}], [{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_3\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"4\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"MultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"label\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"loop_1\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"3\\\", \\\"varname\\\": \\\"loop_1\\\"}, \\\"customCssSelector\\\": \\\"loopText\\\"}, \\\"component\\\": \\\"FormLoop\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"LoopInspector\\\", \\\"field\\\": \\\"settings\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"Loop\\\", \\\"editor-component\\\": \\\"Loop\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: #bdc2c5 1px dashed;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleSeccion2\\\\\\\">Section Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextFieldWhite\\\\\\\">List</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextFieldWhite\\\\\\\">Field Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextFieldWhite\\\\\\\">Field Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextFieldWhite\\\\\\\">Field Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"4\\\", \\\"content\\\": \\\"3\\\"}], \\\"customCssSelector\\\": \\\"Bg-headerList\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextFieldGrid\\\\\\\">Name of the row</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [], [], []], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"4\\\", \\\"content\\\": \\\"3\\\"}], \\\"customCssSelector\\\": \\\"Bg-GridList\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"label\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"loop_5\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"3\\\", \\\"varname\\\": \\\"loop_5\\\"}}, \\\"component\\\": \\\"FormLoop\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"LoopInspector\\\", \\\"field\\\": \\\"settings\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"Loop\\\", \\\"editor-component\\\": \\\"Loop\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleSeccion2\\\\\\\">Section Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Textarea\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-paragraph\\\", \\\"name\\\": \\\"form_text_area_2\\\", \\\"rows\\\": 2, \\\"label\\\": \\\"I Will START doing: These new tasks that are  currently not being done and would have a positive  impact on my work\\\", \\\"helper\\\": null, \\\"currency\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"richtext\\\": false, \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormTextArea\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"richtext\\\", \\\"config\\\": {\\\"label\\\": \\\"Rich Text\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"rows\\\", \\\"config\\\": {\\\"label\\\": \\\"Rows\\\", \\\"helper\\\": \\\"The number of rows to provide for input\\\", \\\"validation\\\": \\\"integer\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormTextArea\\\", \\\"editor-component\\\": \\\"FormTextArea\\\"}], [{\\\"label\\\": \\\"Textarea\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-paragraph\\\", \\\"name\\\": \\\"form_text_area_3\\\", \\\"rows\\\": 2, \\\"label\\\": \\\"I Will START doing: These new tasks that are  currently not being done and would have a positive  impact on my work\\\", \\\"helper\\\": null, \\\"currency\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"richtext\\\": false, \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormTextArea\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"richtext\\\", \\\"config\\\": {\\\"label\\\": \\\"Rich Text\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"rows\\\", \\\"config\\\": {\\\"label\\\": \\\"Rows\\\", \\\"helper\\\": \\\"The number of rows to provide for input\\\", \\\"validation\\\": \\\"integer\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormTextArea\\\", \\\"editor-component\\\": \\\"FormTextArea\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"MultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"label\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"loop_3\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"1\\\", \\\"varname\\\": \\\"loop_3\\\"}}, \\\"component\\\": \\\"FormLoop\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"LoopInspector\\\", \\\"field\\\": \\\"settings\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"Loop\\\", \\\"editor-component\\\": \\\"Loop\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #FFFFFF;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": null, \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"REJECT\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"danger\\\", \\\"fieldValue\\\": null, \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"Bg-Reject\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(?<![.])$/|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"event\\\", \\\"config\\\": {\\\"label\\\": \\\"Type\\\", \\\"helper\\\": \\\"Choose whether the button should submit the form\\\", \\\"options\\\": [{\\\"value\\\": \\\"submit\\\", \\\"content\\\": \\\"Submit Button\\\"}, {\\\"value\\\": \\\"script\\\", \\\"content\\\": \\\"Regular Button\\\"}]}}, {\\\"type\\\": \\\"LoadingSubmitButton\\\", \\\"field\\\": \\\"loading\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button\\\", \\\"helper\\\": \\\"Loading Submit Button\\\"}}, {\\\"type\\\": \\\"LabelSubmitButton\\\", \\\"field\\\": \\\"loadingLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button Label\\\", \\\"helper\\\": \\\"Loading Submit Button Label\\\"}}, {\\\"type\\\": {\\\"props\\\": [\\\"label\\\", \\\"value\\\", \\\"helper\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"FormTextArea\\\": {\\\"name\\\": \\\"FormTextArea\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"rows\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"readonly\\\": {\\\"type\\\": null}, \\\"richtext\\\": {\\\"type\\\": null}, \\\"controlClass\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"rows\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"mixins\\\": [{\\\"methods\\\": [], \\\"directives\\\": {\\\"uni-id\\\": [], \\\"uni-for\\\": [], \\\"uni-form\\\": [], \\\"uni-aria-owns\\\": [], \\\"uni-aria-flowto\\\": [], \\\"uni-aria-controls\\\": [], \\\"uni-aria-labelledby\\\": [], \\\"uni-aria-describedby\\\": [], \\\"uni-aria-activedescendant\\\": []}}, {\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Editor\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"id\\\": [], \\\"init\\\": [], \\\"value\\\": [], \\\"apiKey\\\": [], \\\"inline\\\": [], \\\"plugins\\\": {\\\"type\\\": [null, null]}, \\\"tagName\\\": [], \\\"toolbar\\\": {\\\"type\\\": [null, null]}, \\\"disabled\\\": [], \\\"modelEvents\\\": {\\\"type\\\": [null, null]}, \\\"cloudChannel\\\": [], \\\"initialValue\\\": []}, \\\"watch\\\": []}, \\\"DisplayErrors\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"validator\\\": {\\\"type\\\": null}}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"tooltip\\\", \\\"config\\\": {\\\"label\\\": \\\"Tooltip\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"fieldValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Value\\\", \\\"helper\\\": \\\"The value being submitted\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": null, \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"APPROVE\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"primary\\\", \\\"fieldValue\\\": null, \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"Bg-Approve\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(?<![.])$/|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"event\\\", \\\"config\\\": {\\\"label\\\": \\\"Type\\\", \\\"helper\\\": \\\"Choose whether the button should submit the form\\\", \\\"options\\\": [{\\\"value\\\": \\\"submit\\\", \\\"content\\\": \\\"Submit Button\\\"}, {\\\"value\\\": \\\"script\\\", \\\"content\\\": \\\"Regular Button\\\"}]}}, {\\\"type\\\": \\\"LoadingSubmitButton\\\", \\\"field\\\": \\\"loading\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button\\\", \\\"helper\\\": \\\"Loading Submit Button\\\"}}, {\\\"type\\\": \\\"LabelSubmitButton\\\", \\\"field\\\": \\\"loadingLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button Label\\\", \\\"helper\\\": \\\"Loading Submit Button Label\\\"}}, {\\\"type\\\": {\\\"props\\\": [\\\"label\\\", \\\"value\\\", \\\"helper\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"FormTextArea\\\": {\\\"name\\\": \\\"FormTextArea\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"rows\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"readonly\\\": {\\\"type\\\": null}, \\\"richtext\\\": {\\\"type\\\": null}, \\\"controlClass\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"rows\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"mixins\\\": [{\\\"methods\\\": [], \\\"directives\\\": {\\\"uni-id\\\": [], \\\"uni-for\\\": [], \\\"uni-form\\\": [], \\\"uni-aria-owns\\\": [], \\\"uni-aria-flowto\\\": [], \\\"uni-aria-controls\\\": [], \\\"uni-aria-labelledby\\\": [], \\\"uni-aria-describedby\\\": [], \\\"uni-aria-activedescendant\\\": []}}, {\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Editor\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"id\\\": [], \\\"init\\\": [], \\\"value\\\": [], \\\"apiKey\\\": [], \\\"inline\\\": [], \\\"plugins\\\": {\\\"type\\\": [null, null]}, \\\"tagName\\\": [], \\\"toolbar\\\": {\\\"type\\\": [null, null]}, \\\"disabled\\\": [], \\\"modelEvents\\\": {\\\"type\\\": [null, null]}, \\\"cloudChannel\\\": [], \\\"initialValue\\\": []}, \\\"watch\\\": []}, \\\"DisplayErrors\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"validator\\\": {\\\"type\\\": null}}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"tooltip\\\", \\\"config\\\": {\\\"label\\\": \\\"Tooltip\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"fieldValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Value\\\", \\\"helper\\\": \\\"The value being submitted\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"2\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Form2\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[], []], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}], \\\"customCssSelector\\\": \\\"Bg-Header3\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-containerAT\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[]\", \"watchers\": null, \"asset_type\": null, \"created_at\": \"2024-04-08 14:21:11\", \"custom_css\": \"/***StyleDiego--HealthSavingsAccoount--07-05-24*****/\\n[selector='Bg-containerAT'] {\\n    background-color: #FFFFFF;\\n}\\n\\n[selector='bg-container']{\\n    background-color: #DEEBFF;\\n}\\n\\n[selector='bg-form']{\\n    background-color: #F6F9FB;\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\n    padding: 10px 30px;\\n    max-width: 873px;\\n    margin: auto;\\n}\\n\\n[selector='Bg-Form2']{\\n    background-color: #FFFFFF;\\n    padding: 10px 40px;\\n}\\n\\n[selector='bg-Header']{\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\n    max-width: 873px;\\n    margin: auto;\\n}\\n[selector='Bg-Header2']{ \\n    background: linear-gradient(to right, #bcdcf8 0%, #ffffff 100%);\\n    /*max-width: 873px;\\n    margin: auto;*/\\n}\\n[selector='Bg-Header3']{ \\n    background: linear-gradient(to right, #bcdcf8 0%, #ffffff 100%);\\n    height: 100px;\\n}\\n\\n[selector='Bg-headerList']{ \\n    background-color:#95C8F3;\\n    padding: 10px 15px 0 15px;\\n}\\n[selector='Bg-GridList'] .row{ \\n    margin-right:0px !important;\\n    margin-left:0px !important;\\n}\\n[selector='Bg-GridList'] .col-sm-3{ \\n    border:1px solid #95C8F3;\\n}\\n\\n[selector='bg-Footer']{\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\n    height: 68px;\\n    max-width: 873px;\\n    margin: auto;\\n}\\n[selector='logo-img']{\\n    padding: 25px 20px 10px 20px;\\n}\\n\\n[selector='logo-img2']{\\n    padding: 35px 20px 25px 40px;\\n}\\n\\n.hdrTxt {\\n    text-align: right;\\n    color: #FFFFFF;\\n    font-size: 20px;\\n    font-weight: bold;\\n    letter-spacing: 0.075rem;\\n    line-height: 1.2;\\n    padding-right: 10px;\\n    padding-top: 5px;\\n}\\n.hdrTxt2 {\\n    text-align: right;\\n    color: #556271;\\n    font-size: 20px;\\n    font-weight: bold;\\n    letter-spacing: 0.075rem;\\n    line-height: 1.2;\\n    margin: 0px 50px;\\n}\\n.hdrTxt3 {\\n    text-align: right;\\n    color: #556271;\\n    font-size: 20px;\\n    font-weight: 400;\\n    letter-spacing: 0.075rem;\\n    line-height: 1.2;\\n    margin: 25px 50px 0px 50px;\\n}\\n.WhitehdrTxt2 {\\n    text-align: right;\\n    color: #FFFFFF;\\n    font-size: 20px;\\n    font-weight: bold;\\n    letter-spacing: 0.075rem;\\n    line-height: 1.2;\\n    margin: 0px 20px;\\n}\\n.WhitehdrTxt3 {\\n    text-align: right;\\n    color: #FFFFFF;\\n    font-size: 20px;\\n    font-weight: 400;\\n    letter-spacing: 0.075rem;\\n    line-height: 1.2;\\n    margin: 15px 20px 0px 20px;\\n}\\n\\n\\n.Textlitle{\\n    color: #9dabb6;\\n    font-size: 17px;\\n    font-weight: 600;\\n    line-height: 24px;\\n}\\n.TitleHealth{\\n    color: #343434;\\n    font-size: 40px;\\n    font-weight: 700;\\n    line-height: 45.6px;\\n}\\n.TextField{\\n    color: #556271;\\n    font-size: 16px;\\n    font-weight: 400;\\n    line-height: 24px;\\n    letter-spacing: 1px;\\n}\\n.TextFieldGrid{\\n    color: #556271;\\n    font-size: 16px;\\n    font-weight: 400;\\n    line-height: 24px;\\n    padding-top: 12px;\\n}\\n\\n.TextFieldWhite{\\n    color: #FFFFFF;\\n    font-size: 16px;\\n    font-weight: 600;\\n    line-height: 24px;\\n}\\n.TitleSeccion{\\n    color: #0B3961;\\n    border-bottom: 2px solid #BCDCF8;\\n    font-size: 19px;\\n    font-weight: 700;\\n    line-height: 35px;\\n}\\n.TitleSeccion2{\\n    background-color: #DEEEFA;\\n    color: #556271;\\n    font-size: 17px;\\n    font-weight: 600;\\n    padding: 10px 20px;\\n    margin: 20px 0px;\\n}\\n.form-group label{\\n    color: #556271;\\n    font-size: 15px;\\n    font-weight: 400;\\n    line-height: 20.43px;\\n}\\n.form-control {\\n    color: #556271;\\n    border: 2px solid #bfc4c9;\\n    border-radius: 4px;\\n    padding: 10px;\\n    margin-bottom: 15px\\n}\\n\\n[selector='btn-position'] .btn-primary{\\n    background-color:#1572C2;\\n    border: 1px solid #1572C2;\\n    color: #FFFFFF;\\n    border-radius: 8px;\\n    width: 100%;\\n}\\n\\n/***Approval template***/\\n\\n\\n[selector='loopText'] {\\n   text-align: center;\\n}\\n\\n.required-asterisk{\\n    color:#1572C2;\\n}\\n[selector='Bg-Approve'] .btn-primary{\\n    background-color:#4EA075;\\n    border: 1px solid #4EA075;\\n    color: #FFFFFF;\\n    border-radius: 4px;\\n    width: 100%;\\n}\\n[selector='Bg-Reject'] .btn-danger{\\n    background-color:#ED4858;\\n    border: 1px solid #ED4858;\\n    color: #FFFFFF;\\n    border-radius: 4px;\\n    width: 100%;\\n}\", \"updated_at\": \"2024-05-07 22:14:57\", \"description\": \"PLG - Approval template\", \"is_template\": 0, \"translations\": null}, \"dependents\": [], \"references\": {\"uncategorized-category\": true}, \"type_human\": \"Screen\", \"description\": \"PLG - Approval template\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}}, \"version\": \"2\"}","screen_custom_css":"/***StyleDiego--HealthSavingsAccoount--07-05-24*****/\n[selector='Bg-containerAT'] {\n    background-color: #FFFFFF;\n}\n\n[selector='bg-container']{\n    background-color: #DEEBFF;\n}\n\n[selector='bg-form']{\n    background-color: #F6F9FB;\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\n    padding: 10px 30px;\n    max-width: 873px;\n    margin: auto;\n}\n\n[selector='Bg-Form2']{\n    background-color: #FFFFFF;\n    padding: 10px 40px;\n}\n\n[selector='bg-Header']{\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\n    max-width: 873px;\n    margin: auto;\n}\n[selector='Bg-Header2']{ \n    background: linear-gradient(to right, #bcdcf8 0%, #ffffff 100%);\n    /*max-width: 873px;\n    margin: auto;*/\n}\n[selector='Bg-Header3']{ \n    background: linear-gradient(to right, #bcdcf8 0%, #ffffff 100%);\n    height: 100px;\n}\n\n[selector='Bg-headerList']{ \n    background-color:#95C8F3;\n    padding: 10px 15px 0 15px;\n}\n[selector='Bg-GridList'] .row{ \n    margin-right:0px !important;\n    margin-left:0px !important;\n}\n[selector='Bg-GridList'] .col-sm-3{ \n    border:1px solid #95C8F3;\n}\n\n[selector='bg-Footer']{\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\n    height: 68px;\n    max-width: 873px;\n    margin: auto;\n}\n[selector='logo-img']{\n    padding: 25px 20px 10px 20px;\n}\n\n[selector='logo-img2']{\n    padding: 35px 20px 25px 40px;\n}\n\n.hdrTxt {\n    text-align: right;\n    color: #FFFFFF;\n    font-size: 20px;\n    font-weight: bold;\n    letter-spacing: 0.075rem;\n    line-height: 1.2;\n    padding-right: 10px;\n    padding-top: 5px;\n}\n.hdrTxt2 {\n    text-align: right;\n    color: #556271;\n    font-size: 20px;\n    font-weight: bold;\n    letter-spacing: 0.075rem;\n    line-height: 1.2;\n    margin: 0px 50px;\n}\n.hdrTxt3 {\n    text-align: right;\n    color: #556271;\n    font-size: 20px;\n    font-weight: 400;\n    letter-spacing: 0.075rem;\n    line-height: 1.2;\n    margin: 25px 50px 0px 50px;\n}\n.WhitehdrTxt2 {\n    text-align: right;\n    color: #FFFFFF;\n    font-size: 20px;\n    font-weight: bold;\n    letter-spacing: 0.075rem;\n    line-height: 1.2;\n    margin: 0px 20px;\n}\n.WhitehdrTxt3 {\n    text-align: right;\n    color: #FFFFFF;\n    font-size: 20px;\n    font-weight: 400;\n    letter-spacing: 0.075rem;\n    line-height: 1.2;\n    margin: 15px 20px 0px 20px;\n}\n\n\n.Textlitle{\n    color: #9dabb6;\n    font-size: 17px;\n    font-weight: 600;\n    line-height: 24px;\n}\n.TitleHealth{\n    color: #343434;\n    font-size: 40px;\n    font-weight: 700;\n    line-height: 45.6px;\n}\n.TextField{\n    color: #556271;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 24px;\n    letter-spacing: 1px;\n}\n.TextFieldGrid{\n    color: #556271;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 24px;\n    padding-top: 12px;\n}\n\n.TextFieldWhite{\n    color: #FFFFFF;\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 24px;\n}\n.TitleSeccion{\n    color: #0B3961;\n    border-bottom: 2px solid #BCDCF8;\n    font-size: 19px;\n    font-weight: 700;\n    line-height: 35px;\n}\n.TitleSeccion2{\n    background-color: #DEEEFA;\n    color: #556271;\n    font-size: 17px;\n    font-weight: 600;\n    padding: 10px 20px;\n    margin: 20px 0px;\n}\n.form-group label{\n    color: #556271;\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 20.43px;\n}\n.form-control {\n    color: #556271;\n    border: 2px solid #bfc4c9;\n    border-radius: 4px;\n    padding: 10px;\n    margin-bottom: 15px\n}\n\n[selector='btn-position'] .btn-primary{\n    background-color:#1572C2;\n    border: 1px solid #1572C2;\n    color: #FFFFFF;\n    border-radius: 8px;\n    width: 100%;\n}\n\n/***Approval template***/\n\n\n[selector='loopText'] {\n   text-align: center;\n}\n\n.required-asterisk{\n    color:#1572C2;\n}\n[selector='Bg-Approve'] .btn-primary{\n    background-color:#4EA075;\n    border: 1px solid #4EA075;\n    color: #FFFFFF;\n    border-radius: 4px;\n    width: 100%;\n}\n[selector='Bg-Reject'] .btn-danger{\n    background-color:#ED4858;\n    border: 1px solid #ED4858;\n    color: #FFFFFF;\n    border-radius: 4px;\n    width: 100%;\n}","media_collection":"st-9bfd436b-3f5f-42b5-854e-1c512e6a15cf-media","is_public":0,"is_default_template":0,"is_system":0,"asset_type":null,"created_at":"2024-05-07 22:23:21","updated_at":"2024-05-07 22:23:21"},"extraAttributes":{"translatedLanguages":[]},"references":[]}}}
\ No newline at end of file
diff --git a/default-templates/paper_template/assets/preview-thumbs/preview1.jpeg b/default-templates/paper_template/assets/preview-thumbs/preview1.jpeg
deleted file mode 100644
index 357d248..0000000
Binary files a/default-templates/paper_template/assets/preview-thumbs/preview1.jpeg and /dev/null differ
diff --git a/default-templates/paper_template/assets/preview-thumbs/preview1.jpg b/default-templates/paper_template/assets/preview-thumbs/preview1.jpg
new file mode 100644
index 0000000..1b736de
Binary files /dev/null and b/default-templates/paper_template/assets/preview-thumbs/preview1.jpg differ
diff --git a/default-templates/paper_template/assets/preview-thumbs/preview2.jpeg b/default-templates/paper_template/assets/preview-thumbs/preview2.jpeg
deleted file mode 100644
index 461e890..0000000
Binary files a/default-templates/paper_template/assets/preview-thumbs/preview2.jpeg and /dev/null differ
diff --git a/default-templates/paper_template/assets/preview-thumbs/preview3.jpeg b/default-templates/paper_template/assets/preview-thumbs/preview3.jpeg
deleted file mode 100644
index a25dbb6..0000000
Binary files a/default-templates/paper_template/assets/preview-thumbs/preview3.jpeg and /dev/null differ
diff --git a/default-templates/paper_template/screen_template_export.json b/default-templates/paper_template/screen_template_export.json
index 38d1dfa..fef4876 100644
--- a/default-templates/paper_template/screen_template_export.json
+++ b/default-templates/paper_template/screen_template_export.json
@@ -1 +1 @@
-{"type":"screen_templates_package","version":"2","root":"9bf4c624-c0d5-43cb-a779-288c08220d07","name":"Paper Template","export":{"9bf4c624-c0d5-43cb-a779-288c08220d07":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScreenTemplatesExporter","type":"ScreenTemplates","type_human":"Screen Template","type_plural":"ScreenTemplates","type_human_plural":"Screen Templates","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ScreenTemplates","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Paper Template","description":"Default paper screen template","process_manager":"","process_manager_id":null,"attributes":{"id":572,"uuid":"9bf4c624-c0d5-43cb-a779-288c08220d07","unique_template_id":null,"name":"Paper Template","description":"Default paper screen template","version":"1.0.0","user_id":1,"editing_screen_uuid":null,"screen_category_id":1,"screen_type":"FORM","manifest":"{\"name\": \"PLG - PaperTemplate\", \"root\": \"9bf4c54f-0454-431b-b11f-194a12fc1356\", \"type\": \"screen_package\", \"export\": {\"9bf4c54f-0454-431b-b11f-194a12fc1356\": {\"mode\": \"update\", \"name\": \"PLG - PaperTemplate\", \"type\": \"Screen\", \"model\": \"ProcessMaker\\\\Models\\\\Screen\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"attributes\": {\"id\": 2201, \"key\": null, \"type\": \"FORM\", \"uuid\": \"9bf4c54f-0454-431b-b11f-194a12fc1356\", \"title\": \"PLG - PaperTemplate\", \"config\": \"[{\\\"name\\\": \\\"PLG - Health Savings Account\\\", \\\"items\\\": [{\\\"label\\\": \\\"Nested Screen\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-file-invoice\\\", \\\"name\\\": \\\"Nested Screen\\\", \\\"label\\\": \\\"Nested Screen\\\", \\\"value\\\": null, \\\"screen\\\": 2202, \\\"variant\\\": \\\"primary\\\"}, \\\"component\\\": \\\"FormNestedScreen\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"ScreenSelector\\\", \\\"field\\\": \\\"screen\\\", \\\"config\\\": {\\\"name\\\": \\\"SelectScreen\\\", \\\"label\\\": \\\"Screen\\\", \\\"helper\\\": \\\"Select a screen\\\", \\\"validate-nested\\\": false}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormNestedScreen\\\", \\\"editor-component\\\": \\\"FormNestedScreen\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 5px solid #DEEBFF;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"isologo%202\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image/png;base64,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\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"width\\\": \\\"200\\\", \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false, \\\"customCssSelector\\\": \\\"logo-img\\\"}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormImage\\\", \\\"editor-component\\\": \\\"FormImage\\\"}], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<div class=\\\\\\\"d-none d-sm-block\\\\\\\">\\\\n<h4 class=\\\\\\\"WhitehdrTxt3\\\\\\\">Jose Maldonado</h4>\\\\n</div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<div class=\\\\\\\"d-none d-sm-block\\\\\\\">\\\\n<h3 class=\\\\\\\"WhitehdrTxt2\\\\\\\">Self Assesment</h3>\\\\n</div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<div class=\\\\\\\"d-none d-sm-block\\\\\\\">\\\\n<p><strong>ECR No:</strong> {{ecrNumber}}</p>\\\\n<p><strong>Date:</strong> {{ecrDate}}</p>\\\\n</div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"false\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}], \\\"customCssSelector\\\": \\\"bg-Header\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #F6F9FB;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"Textlitle\\\\\\\">Little Title</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleHealth\\\\\\\">Health Savings Account</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">In general, please list everyone who lives in your home. If someone is pregnant, just count them as one person. we'll ask about the pregnancy later.</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #F6F9FB;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleSeccion\\\\\\\">Section Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"form_select_list_1\\\", \\\"label\\\": \\\"Select List Name\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"readonly\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"rootElement\\\": \\\"response\\\", \\\"dataSourceUrl\\\": null, \\\"dataSourceEndpoint\\\": null}, \\\"component\\\": \\\"FormSelectList\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"OptionsList\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}], [{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"form_select_list_1\\\", \\\"label\\\": \\\"Select List Name\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"readonly\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"rootElement\\\": \\\"response\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"dataSourceUrl\\\": null, \\\"dataSourceEndpoint\\\": null}, \\\"component\\\": \\\"FormSelectList\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"OptionsList\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #F6F9FB;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">There will be a question here</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<table style=\\\\\\\"border: 1px;\\\\\\\" width=\\\\\\\"100%\\\\\\\" cellspacing=\\\\\\\"0\\\\\\\" cellpadding=\\\\\\\"5\\\\\\\">\\\\n<tbody>\\\\n<tr>\\\\n<td class=\\\\\\\"TextField\\\\\\\" width=\\\\\\\"30%\\\\\\\"><input id=\\\\\\\"cbox1\\\\\\\" type=\\\\\\\"checkbox\\\\\\\" value=\\\\\\\"first_checkbox\\\\\\\" />&nbsp;Include Confirmation</td>\\\\n<td class=\\\\\\\"TextField\\\\\\\" width=\\\\\\\"5%\\\\\\\">&nbsp;</td>\\\\n<td class=\\\\\\\"TextField\\\\\\\" width=\\\\\\\"30%\\\\\\\"><input id=\\\\\\\"cbox1\\\\\\\" type=\\\\\\\"checkbox\\\\\\\" value=\\\\\\\"first_checkbox\\\\\\\" />&nbsp;Include Confirmation</td>\\\\n<td width=\\\\\\\"5%\\\\\\\">&nbsp;</td>\\\\n<td class=\\\\\\\"TextField\\\\\\\" width=\\\\\\\"30%\\\\\\\"><input id=\\\\\\\"cbox1\\\\\\\" type=\\\\\\\"checkbox\\\\\\\" value=\\\\\\\"first_checkbox\\\\\\\" />&nbsp;Include Confirmation</td>\\\\n</tr>\\\\n<tr>\\\\n<td class=\\\\\\\"TextField\\\\\\\" width=\\\\\\\"30%\\\\\\\"><input id=\\\\\\\"cbox1\\\\\\\" type=\\\\\\\"checkbox\\\\\\\" value=\\\\\\\"first_checkbox\\\\\\\" />&nbsp;Include Confirmation</td>\\\\n<td width=\\\\\\\"5%\\\\\\\">&nbsp;</td>\\\\n<td class=\\\\\\\"TextField\\\\\\\" width=\\\\\\\"30%\\\\\\\"><input id=\\\\\\\"cbox1\\\\\\\" type=\\\\\\\"checkbox\\\\\\\" value=\\\\\\\"first_checkbox\\\\\\\" />&nbsp;Include Confirmation</td>\\\\n<td width=\\\\\\\"5%\\\\\\\">&nbsp;</td>\\\\n<td class=\\\\\\\"TextField\\\\\\\" width=\\\\\\\"30%\\\\\\\"><input id=\\\\\\\"cbox1\\\\\\\" type=\\\\\\\"checkbox\\\\\\\" value=\\\\\\\"first_checkbox\\\\\\\" />&nbsp;Include Confirmation</td>\\\\n</tr>\\\\n<tr>\\\\n<td class=\\\\\\\"TextField\\\\\\\" width=\\\\\\\"30%\\\\\\\"><input id=\\\\\\\"cbox1\\\\\\\" type=\\\\\\\"checkbox\\\\\\\" value=\\\\\\\"first_checkbox\\\\\\\" />&nbsp;Include Confirmation</td>\\\\n<td width=\\\\\\\"5%\\\\\\\">&nbsp;</td>\\\\n<td class=\\\\\\\"TextField\\\\\\\" width=\\\\\\\"30%\\\\\\\"><input id=\\\\\\\"cbox1\\\\\\\" type=\\\\\\\"checkbox\\\\\\\" value=\\\\\\\"first_checkbox\\\\\\\" />&nbsp;Include Confirmation</td>\\\\n<td width=\\\\\\\"5%\\\\\\\">&nbsp;</td>\\\\n<td class=\\\\\\\"TextField\\\\\\\" width=\\\\\\\"30%\\\\\\\"><input id=\\\\\\\"cbox1\\\\\\\" type=\\\\\\\"checkbox\\\\\\\" value=\\\\\\\"first_checkbox\\\\\\\" />&nbsp;Include Confirmation</td>\\\\n</tr>\\\\n</tbody>\\\\n</table>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_1\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}], [{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_1\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}], [{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_2\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"4\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"MultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"label\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"loop_1\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"3\\\", \\\"varname\\\": \\\"loop_1\\\"}, \\\"customCssSelector\\\": \\\"loopText\\\"}, \\\"component\\\": \\\"FormLoop\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"LoopInspector\\\", \\\"field\\\": \\\"settings\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"Loop\\\", \\\"editor-component\\\": \\\"Loop\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #F6F9FB;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Date Picker\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-calendar-alt\\\", \\\"name\\\": \\\"form_date_picker_1\\\", \\\"type\\\": \\\"datetime\\\", \\\"label\\\": \\\"Field Name\\\", \\\"maxDate\\\": null, \\\"minDate\\\": null, \\\"disabled\\\": false, \\\"dataFormat\\\": \\\"date\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"xx/xx/xxxx\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}}, \\\"component\\\": \\\"FormDatePicker\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"minDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Minimum Date\\\", \\\"label\\\": \\\"Minimum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"maxDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Maximum Date\\\", \\\"label\\\": \\\"Maximum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"after_min_date|date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormDatePicker\\\", \\\"editor-component\\\": \\\"FormDatePicker\\\"}], [{\\\"label\\\": \\\"Date Picker\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-calendar-alt\\\", \\\"name\\\": \\\"form_date_picker_1\\\", \\\"type\\\": \\\"datetime\\\", \\\"label\\\": \\\"Field Name\\\", \\\"maxDate\\\": null, \\\"minDate\\\": null, \\\"disabled\\\": false, \\\"dataFormat\\\": \\\"date\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"xx/xx/xxxx\\\"}, \\\"component\\\": \\\"FormDatePicker\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"minDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Minimum Date\\\", \\\"label\\\": \\\"Minimum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"maxDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Maximum Date\\\", \\\"label\\\": \\\"Maximum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"after_min_date|date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormDatePicker\\\", \\\"editor-component\\\": \\\"FormDatePicker\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: #bdc2c5 1px dashed;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleSeccion\\\\\\\">Section Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #F6F9FB;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleSeccion\\\\\\\">Section Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"form_select_list_2\\\", \\\"label\\\": \\\"Select List Name\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"readonly\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"rootElement\\\": \\\"response\\\", \\\"dataSourceUrl\\\": null, \\\"dataSourceEndpoint\\\": null}, \\\"component\\\": \\\"FormSelectList\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"OptionsList\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}, {\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"form_select_list_2\\\", \\\"label\\\": \\\"Select List Name\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"readonly\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"rootElement\\\": \\\"response\\\", \\\"dataSourceUrl\\\": null, \\\"dataSourceEndpoint\\\": null}, \\\"component\\\": \\\"FormSelectList\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"OptionsList\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}], [{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"form_select_list_2\\\", \\\"label\\\": \\\"Select List Name\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"readonly\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"rootElement\\\": \\\"response\\\", \\\"dataSourceUrl\\\": null, \\\"dataSourceEndpoint\\\": null}, \\\"component\\\": \\\"FormSelectList\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"OptionsList\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}, {\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"form_select_list_2\\\", \\\"label\\\": \\\"Select List Name\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"readonly\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"rootElement\\\": \\\"response\\\", \\\"dataSourceUrl\\\": null, \\\"dataSourceEndpoint\\\": null}, \\\"component\\\": \\\"FormSelectList\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"OptionsList\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">There will be a question here</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_1\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}], [{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_1\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}], [{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_2\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"4\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"MultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"label\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"loop_1\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"3\\\", \\\"varname\\\": \\\"loop_1\\\"}, \\\"customCssSelector\\\": \\\"loopText\\\"}, \\\"component\\\": \\\"FormLoop\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"LoopInspector\\\", \\\"field\\\": \\\"settings\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"Loop\\\", \\\"editor-component\\\": \\\"Loop\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #F6F9FB;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleSeccion\\\\\\\">Section Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Textarea\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-paragraph\\\", \\\"name\\\": \\\"form_text_area_1\\\", \\\"rows\\\": 2, \\\"label\\\": \\\"i Will START ding: These new tasks that are  currently not being done and would have a positive  impact on my work\\\", \\\"helper\\\": null, \\\"currency\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"richtext\\\": false, \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormTextArea\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"richtext\\\", \\\"config\\\": {\\\"label\\\": \\\"Rich Text\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"rows\\\", \\\"config\\\": {\\\"label\\\": \\\"Rows\\\", \\\"helper\\\": \\\"The number of rows to provide for input\\\", \\\"validation\\\": \\\"integer\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormTextArea\\\", \\\"editor-component\\\": \\\"FormTextArea\\\"}], [{\\\"label\\\": \\\"Textarea\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-paragraph\\\", \\\"name\\\": \\\"form_text_area_1\\\", \\\"rows\\\": 2, \\\"label\\\": \\\"i Will START ding: These new tasks that are  currently not being done and would have a positive  impact on my work\\\", \\\"helper\\\": null, \\\"currency\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"richtext\\\": false, \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormTextArea\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"richtext\\\", \\\"config\\\": {\\\"label\\\": \\\"Rich Text\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"rows\\\", \\\"config\\\": {\\\"label\\\": \\\"Rows\\\", \\\"helper\\\": \\\"The number of rows to provide for input\\\", \\\"validation\\\": \\\"integer\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormTextArea\\\", \\\"editor-component\\\": \\\"FormTextArea\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"label\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"loop_5\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"2\\\", \\\"varname\\\": \\\"loop_5\\\"}}, \\\"component\\\": \\\"FormLoop\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"LoopInspector\\\", \\\"field\\\": \\\"settings\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"Loop\\\", \\\"editor-component\\\": \\\"Loop\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #F6F9FB;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": null, \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"Submit\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"primary\\\", \\\"fieldValue\\\": null, \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"btn-position\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(?<![.])$/|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"event\\\", \\\"config\\\": {\\\"label\\\": \\\"Type\\\", \\\"helper\\\": \\\"Choose whether the button should submit the form\\\", \\\"options\\\": [{\\\"value\\\": \\\"submit\\\", \\\"content\\\": \\\"Submit Button\\\"}, {\\\"value\\\": \\\"script\\\", \\\"content\\\": \\\"Regular Button\\\"}]}}, {\\\"type\\\": \\\"LoadingSubmitButton\\\", \\\"field\\\": \\\"loading\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button\\\", \\\"helper\\\": \\\"Loading Submit Button\\\"}}, {\\\"type\\\": \\\"LabelSubmitButton\\\", \\\"field\\\": \\\"loadingLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button Label\\\", \\\"helper\\\": \\\"Loading Submit Button Label\\\"}}, {\\\"type\\\": {\\\"props\\\": [\\\"label\\\", \\\"value\\\", \\\"helper\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"FormTextArea\\\": {\\\"name\\\": \\\"FormTextArea\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"rows\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"readonly\\\": {\\\"type\\\": null}, \\\"richtext\\\": {\\\"type\\\": null}, \\\"controlClass\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"rows\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"mixins\\\": [{\\\"methods\\\": [], \\\"directives\\\": {\\\"uni-id\\\": [], \\\"uni-for\\\": [], \\\"uni-form\\\": [], \\\"uni-aria-owns\\\": [], \\\"uni-aria-flowto\\\": [], \\\"uni-aria-controls\\\": [], \\\"uni-aria-labelledby\\\": [], \\\"uni-aria-describedby\\\": [], \\\"uni-aria-activedescendant\\\": []}}, {\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Editor\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"id\\\": [], \\\"init\\\": [], \\\"value\\\": [], \\\"apiKey\\\": [], \\\"inline\\\": [], \\\"plugins\\\": {\\\"type\\\": [null, null]}, \\\"tagName\\\": [], \\\"toolbar\\\": {\\\"type\\\": [null, null]}, \\\"disabled\\\": [], \\\"modelEvents\\\": {\\\"type\\\": [null, null]}, \\\"cloudChannel\\\": [], \\\"initialValue\\\": []}, \\\"watch\\\": []}, \\\"DisplayErrors\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"validator\\\": {\\\"type\\\": null}}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"tooltip\\\", \\\"config\\\": {\\\"label\\\": \\\"Tooltip\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"fieldValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Value\\\", \\\"helper\\\": \\\"The value being submitted\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"9\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"3\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-form\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[], []], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}], \\\"customCssSelector\\\": \\\"bg-Footer\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #DEEBFF;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], []], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"2\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-container\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[]\", \"watchers\": null, \"asset_type\": null, \"created_at\": \"2024-02-29 13:48:17\", \"custom_css\": null, \"updated_at\": \"2024-05-03 17:04:06\", \"description\": \"PLG - PaperTemplate\", \"is_template\": 0, \"translations\": null}, \"dependents\": [{\"meta\": null, \"name\": \"Style general - PLG - Health Savings Account\", \"type\": \"screens\", \"uuid\": \"9bf4c54f-3f51-4b3d-82e3-b2670d0a0f22\", \"discard\": false, \"modelClass\": \"ProcessMaker\\\\Models\\\\Screen\", \"exporterClass\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"fallbackMatches\": {\"key\": null, \"title\": \"Style general - PLG - Health Savings Account\"}}], \"references\": {\"uncategorized-category\": true}, \"type_human\": \"Screen\", \"description\": \"PLG - PaperTemplate\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}, \"9bf4c54f-3f51-4b3d-82e3-b2670d0a0f22\": {\"mode\": \"update\", \"name\": \"Style general - PLG - Health Savings Account\", \"type\": \"Screen\", \"model\": \"ProcessMaker\\\\Models\\\\Screen\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"attributes\": {\"id\": 2202, \"key\": null, \"type\": \"DISPLAY\", \"uuid\": \"9bf4c54f-3f51-4b3d-82e3-b2670d0a0f22\", \"title\": \"Style general - PLG - Health Savings Account\", \"config\": \"[{\\\"name\\\": \\\"Style general - PLG - Health Savings Account\\\", \\\"items\\\": [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"Fonts\\\\n<style>\\\\n  /* Poppins Regular */\\\\n  @font-face {\\\\n    font-family: 'Poppins';\\\\n    font-style: normal;\\\\n    font-weight: 400;\\\\n    src: url('https://plg-winter.dev.cloud.processmaker.net/public-files/poppins-regular.ttf') format('truetype');\\\\n  }\\\\n\\\\n/* Poppins Medium */\\\\n  @font-face {\\\\n    font-family: 'PoppinsBold';\\\\n    font-style: normal;\\\\n    font-weight: 400;\\\\n    src: url('https://plg-winter.dev.cloud.processmaker.net/public-files/Poppins-SemiBold.ttf') format('truetype');\\\\n  }\\\\n\\\\n  /* Poppins Bold */\\\\n  @font-face {\\\\n    font-family: 'Poppins-bold';\\\\n    font-style: normal;\\\\n    font-weight: 600;\\\\n    src: url('https://plg-winter.dev.cloud.processmaker.net/public-files/poppins-bold.ttf') format('truetype');\\\\n  }\\\\nbody{font-family: 'Poppins';}\\\\n</style>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"false\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<h1><strong>STYLE GENERAL - PLG - Health Savings Account</strong></h1>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"false\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"bg-Header\\\\n<style>\\\\n  /* X-Small devices (portrait phones, less than 576px) */\\\\n  @media (max-width: 575.98px) {\\\\n  \\\\timg {\\\\n\\\\t    vertical-align: middle;\\\\n\\\\t    border-style: none;\\\\n\\\\t    max-width: 80px;\\\\n\\\\t    float: left;\\\\n\\\\t\\\\t}\\\\n  }\\\\n\\\\n  /* Small devices (landscape phones, less than 768px) */\\\\n  @media (max-width: 767.98px) {\\\\n\\\\t\\\\t[selector=\\\\\\\"bg-Header\\\\\\\"] .col-sm-6 {\\\\n\\\\t\\\\t\\\\ttext-align:center !important;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\th4.text-primary {\\\\n\\\\t\\\\t\\\\ttext-align: center;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\th5.text-primary {\\\\n\\\\t\\\\t\\\\ttext-align: center;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\timg {\\\\n\\\\t    vertical-align: middle;\\\\n\\\\t    border-style: none;\\\\n\\\\t    max-width: 150px;\\\\n\\\\t    float: left;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\t/* Small devices (landscape phones, less than 768px) */\\\\n\\\\t\\\\t@media (max-width: 767.98px) {\\\\n\\\\t\\\\t[selector=\\\\\\\"bg-Header\\\\\\\"] .col-sm-6 {\\\\n\\\\t\\\\t\\\\ttext-align:center !important;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\th4.text-primary {\\\\n\\\\t\\\\t\\\\ttext-align: center;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\th5.text-primary {\\\\n\\\\t\\\\t\\\\ttext-align: center;\\\\n\\\\t\\\\t}\\\\n\\\\t\\\\timg {\\\\n\\\\t    vertical-align: middle;\\\\n\\\\t    border-style: none;\\\\n\\\\t    max-width: 150px;\\\\n\\\\t    float: left;\\\\n\\\\t\\\\t}\\\\n  }\\\\n\\\\n  /* Medium devices (tablets, less than 992px) */\\\\n  @media (max-width: 991.98px) {\\\\n  \\\\timg {\\\\n\\\\t    vertical-align: middle;\\\\n\\\\t    border-style: none;\\\\n\\\\t    max-width: 300px;\\\\n\\\\t    float: left;\\\\n\\\\t\\\\t}\\\\n  }\\\\n\\\\n  /* Large devices (desktops, less than 1200px) */\\\\n  @media (max-width: 1199.98px) {\\\\n  \\\\timg {\\\\n\\\\t    vertical-align: middle;\\\\n\\\\t    border-style: none;\\\\n\\\\t    max-width: 450px;\\\\n\\\\t    float: left;\\\\n\\\\t\\\\t}\\\\n  }\\\\n\\\\n  /* X-Large devices (large desktops, less than 1400px) */\\\\n  @media (max-width: 1399.98px) {\\\\n  \\\\timg {\\\\n\\\\t    vertical-align: middle;\\\\n\\\\t    border-style: none;\\\\n\\\\t    max-width: 550px;\\\\n\\\\t    float: left;\\\\n\\\\t\\\\t}\\\\n  }\\\\n</style>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"false\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[]\", \"watchers\": null, \"asset_type\": null, \"created_at\": \"2024-03-05 22:32:30\", \"custom_css\": \"/***StyleDiego-PLGHealthSavingsAccoount*****/\\r\\n[selector='bg-container']{\\r\\n    background-color: #DEEBFF;\\r\\n}\\r\\n\\r\\n[selector='bg-form']{\\r\\n    background-color: #F6F9FB;\\r\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    padding: 10px 30px;\\r\\n    max-width: 873px;\\r\\n    margin: auto;\\r\\n}\\r\\n\\r\\n[selector='Bg-Form2']{\\r\\n    background-color: #FFFFFF;\\r\\n    padding: 10px 40px;\\r\\n}\\r\\n\\r\\n[selector='bg-Header']{\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\r\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    max-width: 873px;\\r\\n    margin: auto;\\r\\n}\\r\\n[selector='Bg-Header2']{ \\r\\n    background: linear-gradient(to right, #bcdcf8 0%, #ffffff 100%);\\r\\n    /*max-width: 873px;\\r\\n    margin: auto;*/\\r\\n}\\r\\n[selector='Bg-headerList']{ \\r\\n    background-color:#95C8F3;\\r\\n    padding: 10px 15px 0 15px;\\r\\n}\\r\\n[selector='Bg-GridList'] .row{ \\r\\n    margin-right:0px !important;\\r\\n    margin-left:0px !important;\\r\\n}\\r\\n[selector='Bg-GridList'] .col-sm-3{ \\r\\n    border:1px solid #95C8F3;\\r\\n}\\r\\n\\r\\n[selector='bg-Footer']{\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\r\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    height: 68px;\\r\\n    max-width: 873px;\\r\\n    margin: auto;\\r\\n}\\r\\n[selector='logo-img']{\\r\\n    padding: 25px 20px 10px 20px;\\r\\n}\\r\\n\\r\\n[selector='logo-img2']{\\r\\n    padding: 35px 20px 25px 40px;\\r\\n}\\r\\n\\r\\n.hdrTxt {\\r\\n    text-align: right;\\r\\n    color: #FFFFFF;\\r\\n    font-size: 20px;\\r\\n    font-weight: bold;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    padding-right: 10px;\\r\\n    padding-top: 5px;\\r\\n}\\r\\n.hdrTxt2 {\\r\\n    text-align: right;\\r\\n    color: #556271;\\r\\n    font-size: 20px;\\r\\n    font-weight: bold;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    margin: 0px 50px;\\r\\n}\\r\\n.hdrTxt3 {\\r\\n    text-align: right;\\r\\n    color: #556271;\\r\\n    font-size: 20px;\\r\\n    font-weight: 400;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    margin: 25px 50px 0px 50px;\\r\\n}\\r\\n.WhitehdrTxt2 {\\r\\n    text-align: right;\\r\\n    color: #FFFFFF;\\r\\n    font-size: 20px;\\r\\n    font-weight: bold;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    margin: 0px 20px;\\r\\n}\\r\\n.WhitehdrTxt3 {\\r\\n    text-align: right;\\r\\n    color: #FFFFFF;\\r\\n    font-size: 20px;\\r\\n    font-weight: 400;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    margin: 15px 20px 0px 20px;\\r\\n}\\r\\n\\r\\n\\r\\n.Textlitle{\\r\\n    color: #9dabb6;\\r\\n    font-size: 16px;\\r\\n    font-family: 'Poppins';\\r\\n    font-weight: 500;\\r\\n    line-height: 24px;\\r\\n}\\r\\n.TitleHealth{\\r\\n    color: #000000;\\r\\n    font-size: 38px;\\r\\n    font-weight: 600;\\r\\n    font-family: 'Poppins';\\r\\n    line-height: 45.6px;\\r\\n}\\r\\n.TextField{\\r\\n    color: #556271;\\r\\n    font-size: 16px;\\r\\n    font-weight: 400;\\r\\n    font-family: 'Poppins';\\r\\n    line-height: 24px;\\r\\n}\\r\\n.TextFieldGrid{\\r\\n    color: #556271;\\r\\n    font-size: 16px;\\r\\n    font-weight: 400;\\r\\n    font-family: 'Poppins';\\r\\n    line-height: 24px;\\r\\n    padding-top: 12px;\\r\\n}\\r\\n\\r\\n.TextFieldWhite{\\r\\n    color: #FFFFFF;\\r\\n    font-size: 16px;\\r\\n    font-weight: 400;\\r\\n    font-family: 'PoppinsBold';\\r\\n    line-height: 24px;\\r\\n}\\r\\n.TitleSeccion{\\r\\n    color: #0B3961;\\r\\n    border-bottom: 2px solid #BCDCF8;\\r\\n    font-size: 18px;\\r\\n    font-weight: 600;\\r\\n    font-family: 'Poppins';\\r\\n    line-height: 35px;\\r\\n}\\r\\n.TitleSeccion2{\\r\\n    background-color: #DEEEFA;\\r\\n    color: #556271;\\r\\n    font-size: 16px;\\r\\n    font-weight: 700;\\r\\n    font-family: 'Poppins';\\r\\n    padding: 10px 20px;\\r\\n    margin: 20px 0px;\\r\\n}\\r\\n.form-group label{\\r\\n    color: #556271;\\r\\n    font-size: 15px;\\r\\n    font-weight: 400;\\r\\n    font-family: 'Poppins';\\r\\n    line-height: 20.43px;\\r\\n}\\r\\n.form-control {\\r\\n    color: #556271;\\r\\n    border: 2px solid #bfc4c9;\\r\\n    border-radius: 4px;\\r\\n    padding: 10px;\\r\\n    margin-bottom: 15px\\r\\n}\\r\\n\\r\\n[selector='btn-position'] .btn-primary{\\r\\n    background-color:#1572C2;\\r\\n    border: 1px solid #1572C2;\\r\\n    color: #FFFFFF;\\r\\n    border-radius: 8px;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n/***Approval template***/\\r\\n\\r\\n\\r\\n[selector='loopText'] {\\r\\n   text-align: center;\\r\\n}\\r\\n\\r\\n.required-asterisk{\\r\\n    color:#1572C2;\\r\\n}\\r\\n[selector='Bg-Approve'] .btn-primary{\\r\\n    background-color:#4EA075;\\r\\n    border: 1px solid #4EA075;\\r\\n    color: #FFFFFF;\\r\\n    border-radius: 8px;\\r\\n    width: 100%;\\r\\n}\\r\\n[selector='Bg-Reject'] .btn-danger{\\r\\n    background-color:#ED4858;\\r\\n    border: 1px solid #ED4858;\\r\\n    color: #FFFFFF;\\r\\n    border-radius: 8px;\\r\\n    width: 100%;\\r\\n}\", \"updated_at\": \"2024-05-03 17:04:06\", \"description\": \"Style general - PLG - Health Savings Account\", \"is_template\": 0, \"translations\": null}, \"dependents\": [], \"references\": {\"uncategorized-category\": true}, \"type_human\": \"Screen\", \"description\": \"Style general - PLG - Health Savings Account\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}}, \"version\": \"2\"}","screen_custom_css":null,"media_collection":"st-9bf4c624-c0d5-43cb-a779-288c08220d07-media","is_public":1,"is_default_template":0,"is_system":0,"asset_type":null,"created_at":"2024-05-03 17:06:26","updated_at":"2024-05-03 17:06:26"},"extraAttributes":{"translatedLanguages":[]},"references":[]}}}
\ No newline at end of file
+{"type":"screen_templates_package","version":"2","root":"9bfd43ab-87ee-4d68-bbee-4f5f0600d4eb","name":"Paper Template","export":{"9bfd43ab-87ee-4d68-bbee-4f5f0600d4eb":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScreenTemplatesExporter","type":"ScreenTemplates","type_human":"Screen Template","type_plural":"ScreenTemplates","type_human_plural":"Screen Templates","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ScreenTemplates","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Paper Template","description":"Default paper template","process_manager":"","process_manager_id":null,"attributes":{"id":749,"uuid":"9bfd43ab-87ee-4d68-bbee-4f5f0600d4eb","unique_template_id":null,"name":"Paper Template","description":"Default paper template","version":"1.0.0","user_id":1,"editing_screen_uuid":null,"screen_category_id":1,"screen_type":"FORM","manifest":"{\"name\": \"PLG - PaperTemplate\", \"root\": \"9bfd3e74-3aed-4d52-85e4-cfdbaa918f34\", \"type\": \"screen_package\", \"export\": {\"9bfd3e74-3aed-4d52-85e4-cfdbaa918f34\": {\"mode\": \"update\", \"name\": \"PLG - PaperTemplate\", \"type\": \"Screen\", \"model\": \"ProcessMaker\\\\Models\\\\Screen\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"attributes\": {\"id\": 3136, \"key\": null, \"type\": \"FORM\", \"uuid\": \"9bfd3e74-3aed-4d52-85e4-cfdbaa918f34\", \"title\": \"PLG - PaperTemplate\", \"config\": \"[{\\\"name\\\": \\\"PLG - Health Savings Account\\\", \\\"items\\\": [{\\\"items\\\": [[{\\\"items\\\": [[], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 5px solid #DEEBFF;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"isologo%202\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image/png;base64,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\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"width\\\": \\\"200\\\", \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false, \\\"customCssSelector\\\": \\\"logo-img\\\"}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormImage\\\", \\\"editor-component\\\": \\\"FormImage\\\"}], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<div class=\\\\\\\"d-none d-sm-block\\\\\\\">\\\\n<h4 class=\\\\\\\"WhitehdrTxt3\\\\\\\">Jose Maldonado</h4>\\\\n</div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<div class=\\\\\\\"d-none d-sm-block\\\\\\\">\\\\n<h3 class=\\\\\\\"WhitehdrTxt2\\\\\\\">Self Assesment</h3>\\\\n</div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<div class=\\\\\\\"d-none d-sm-block\\\\\\\">\\\\n<p><strong>ECR No:</strong> {{ecrNumber}}</p>\\\\n<p><strong>Date:</strong> {{ecrDate}}</p>\\\\n</div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"false\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}], \\\"customCssSelector\\\": \\\"bg-Header\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #F6F9FB;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"Textlitle\\\\\\\">Little Title</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleHealth\\\\\\\">Health Savings Account</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">In general, please list everyone who lives in your home. If someone is pregnant, just count them as one person. we'll ask about the pregnancy later.</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #F6F9FB;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleSeccion\\\\\\\">Section Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_2\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_3\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: #bdc2c5 1px dashed;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Date Picker\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-calendar-alt\\\", \\\"name\\\": \\\"form_date_picker_1\\\", \\\"type\\\": \\\"datetime\\\", \\\"label\\\": \\\"Field Name\\\", \\\"maxDate\\\": null, \\\"minDate\\\": null, \\\"disabled\\\": false, \\\"dataFormat\\\": \\\"date\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"xx/xx/xxxx\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}}, \\\"component\\\": \\\"FormDatePicker\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"minDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Minimum Date\\\", \\\"label\\\": \\\"Minimum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"maxDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Maximum Date\\\", \\\"label\\\": \\\"Maximum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"after_min_date|date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormDatePicker\\\", \\\"editor-component\\\": \\\"FormDatePicker\\\"}], [{\\\"label\\\": \\\"Date Picker\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-calendar-alt\\\", \\\"name\\\": \\\"form_date_picker_2\\\", \\\"type\\\": \\\"datetime\\\", \\\"label\\\": \\\"Field Name\\\", \\\"maxDate\\\": null, \\\"minDate\\\": null, \\\"disabled\\\": false, \\\"dataFormat\\\": \\\"date\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"xx/xx/xxxx\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}}, \\\"component\\\": \\\"FormDatePicker\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"minDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Minimum Date\\\", \\\"label\\\": \\\"Minimum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"maxDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Maximum Date\\\", \\\"label\\\": \\\"Maximum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"after_min_date|date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormDatePicker\\\", \\\"editor-component\\\": \\\"FormDatePicker\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_4\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": \\\"false\\\"}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"props\\\": [\\\"label\\\", \\\"error\\\", \\\"options\\\", \\\"helper\\\", \\\"name\\\", \\\"value\\\", \\\"selectedControl\\\"], \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">There will be a question here</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_1\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}], [{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_1\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}], [{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_2\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"4\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"MultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"label\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"loop_1\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"1\\\", \\\"varname\\\": \\\"loop_1\\\"}, \\\"customCssSelector\\\": \\\"loopText\\\"}, \\\"component\\\": \\\"FormLoop\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"LoopInspector\\\", \\\"field\\\": \\\"settings\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"Loop\\\", \\\"editor-component\\\": \\\"Loop\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: #bdc2c5 1px dashed;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleSeccion\\\\\\\">Section Name</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Textarea\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-paragraph\\\", \\\"name\\\": \\\"form_text_area_1\\\", \\\"rows\\\": 2, \\\"label\\\": \\\"i Will START doing: These new tasks that are  currently not being done and would have a positive  impact on my work\\\", \\\"helper\\\": null, \\\"currency\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"richtext\\\": false, \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormTextArea\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"richtext\\\", \\\"config\\\": {\\\"label\\\": \\\"Rich Text\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"rows\\\", \\\"config\\\": {\\\"label\\\": \\\"Rows\\\", \\\"helper\\\": \\\"The number of rows to provide for input\\\", \\\"validation\\\": \\\"integer\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormTextArea\\\", \\\"editor-component\\\": \\\"FormTextArea\\\"}], [{\\\"label\\\": \\\"Textarea\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-paragraph\\\", \\\"name\\\": \\\"form_text_area_2\\\", \\\"rows\\\": 2, \\\"label\\\": \\\"i Will START doing: These new tasks that are  currently not being done and would have a positive  impact on my work\\\", \\\"helper\\\": null, \\\"currency\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"richtext\\\": false, \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"component\\\": \\\"FormTextArea\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"richtext\\\", \\\"config\\\": {\\\"label\\\": \\\"Rich Text\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"rows\\\", \\\"config\\\": {\\\"label\\\": \\\"Rows\\\", \\\"helper\\\": \\\"The number of rows to provide for input\\\", \\\"validation\\\": \\\"integer\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormTextArea\\\", \\\"editor-component\\\": \\\"FormTextArea\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"label\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"loop_5\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"1\\\", \\\"varname\\\": \\\"loop_5\\\"}}, \\\"component\\\": \\\"FormLoop\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"LoopInspector\\\", \\\"field\\\": \\\"settings\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"Loop\\\", \\\"editor-component\\\": \\\"Loop\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #F6F9FB;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": null, \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"Submit\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"primary\\\", \\\"fieldValue\\\": null, \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"btn-position\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(?<![.])$/|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"event\\\", \\\"config\\\": {\\\"label\\\": \\\"Type\\\", \\\"helper\\\": \\\"Choose whether the button should submit the form\\\", \\\"options\\\": [{\\\"value\\\": \\\"submit\\\", \\\"content\\\": \\\"Submit Button\\\"}, {\\\"value\\\": \\\"script\\\", \\\"content\\\": \\\"Regular Button\\\"}]}}, {\\\"type\\\": \\\"LoadingSubmitButton\\\", \\\"field\\\": \\\"loading\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button\\\", \\\"helper\\\": \\\"Loading Submit Button\\\"}}, {\\\"type\\\": \\\"LabelSubmitButton\\\", \\\"field\\\": \\\"loadingLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button Label\\\", \\\"helper\\\": \\\"Loading Submit Button Label\\\"}}, {\\\"type\\\": {\\\"props\\\": [\\\"label\\\", \\\"value\\\", \\\"helper\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"FormTextArea\\\": {\\\"name\\\": \\\"FormTextArea\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"rows\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"readonly\\\": {\\\"type\\\": null}, \\\"richtext\\\": {\\\"type\\\": null}, \\\"controlClass\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"rows\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"mixins\\\": [{\\\"methods\\\": [], \\\"directives\\\": {\\\"uni-id\\\": [], \\\"uni-for\\\": [], \\\"uni-form\\\": [], \\\"uni-aria-owns\\\": [], \\\"uni-aria-flowto\\\": [], \\\"uni-aria-controls\\\": [], \\\"uni-aria-labelledby\\\": [], \\\"uni-aria-describedby\\\": [], \\\"uni-aria-activedescendant\\\": []}}, {\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Editor\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"id\\\": [], \\\"init\\\": [], \\\"value\\\": [], \\\"apiKey\\\": [], \\\"inline\\\": [], \\\"plugins\\\": {\\\"type\\\": [null, null]}, \\\"tagName\\\": [], \\\"toolbar\\\": {\\\"type\\\": [null, null]}, \\\"disabled\\\": [], \\\"modelEvents\\\": {\\\"type\\\": [null, null]}, \\\"cloudChannel\\\": [], \\\"initialValue\\\": []}, \\\"watch\\\": []}, \\\"DisplayErrors\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"validator\\\": {\\\"type\\\": null}}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"tooltip\\\", \\\"config\\\": {\\\"label\\\": \\\"Tooltip\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"fieldValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Value\\\", \\\"helper\\\": \\\"The value being submitted\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"9\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"3\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-form\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[], []], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}], \\\"customCssSelector\\\": \\\"bg-Footer\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #DEEBFF;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], []], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"2\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-container\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[]\", \"watchers\": null, \"asset_type\": null, \"created_at\": \"2024-02-29 13:48:17\", \"custom_css\": \"/***StyleDiego--HealthSavingsAccoount--07-05-24*****/\\r\\n[selector='bg-container']{\\r\\n    background-color: #DEEBFF;\\r\\n}\\r\\n\\r\\n[selector='bg-form']{\\r\\n    background-color: #F6F9FB;\\r\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    padding: 10px 30px;\\r\\n    max-width: 873px;\\r\\n    margin: auto;\\r\\n}\\r\\n\\r\\n[selector='Bg-Form2']{\\r\\n    background-color: #FFFFFF;\\r\\n    padding: 10px 40px;\\r\\n}\\r\\n\\r\\n[selector='bg-Header']{\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\r\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    max-width: 873px;\\r\\n    margin: auto;\\r\\n}\\r\\n[selector='Bg-Header2']{ \\r\\n    background: linear-gradient(to right, #bcdcf8 0%, #ffffff 100%);\\r\\n    /*max-width: 873px;\\r\\n    margin: auto;*/\\r\\n}\\r\\n[selector='Bg-headerList']{ \\r\\n    background-color:#95C8F3;\\r\\n    padding: 10px 15px 0 15px;\\r\\n}\\r\\n[selector='Bg-GridList'] .row{ \\r\\n    margin-right:0px !important;\\r\\n    margin-left:0px !important;\\r\\n}\\r\\n[selector='Bg-GridList'] .col-sm-3{ \\r\\n    border:1px solid #95C8F3;\\r\\n}\\r\\n\\r\\n[selector='bg-Footer']{\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\r\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    height: 68px;\\r\\n    max-width: 873px;\\r\\n    margin: auto;\\r\\n}\\r\\n[selector='logo-img']{\\r\\n    padding: 25px 20px 10px 20px;\\r\\n}\\r\\n\\r\\n[selector='logo-img2']{\\r\\n    padding: 35px 20px 25px 40px;\\r\\n}\\r\\n\\r\\n.hdrTxt {\\r\\n    text-align: right;\\r\\n    color: #FFFFFF;\\r\\n    font-size: 20px;\\r\\n    font-weight: bold;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    padding-right: 10px;\\r\\n    padding-top: 5px;\\r\\n}\\r\\n.hdrTxt2 {\\r\\n    text-align: right;\\r\\n    color: #556271;\\r\\n    font-size: 20px;\\r\\n    font-weight: bold;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    margin: 0px 50px;\\r\\n}\\r\\n.hdrTxt3 {\\r\\n    text-align: right;\\r\\n    color: #556271;\\r\\n    font-size: 20px;\\r\\n    font-weight: 400;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    margin: 25px 50px 0px 50px;\\r\\n}\\r\\n.WhitehdrTxt2 {\\r\\n    text-align: right;\\r\\n    color: #FFFFFF;\\r\\n    font-size: 20px;\\r\\n    font-weight: bold;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    margin: 0px 20px;\\r\\n}\\r\\n.WhitehdrTxt3 {\\r\\n    text-align: right;\\r\\n    color: #FFFFFF;\\r\\n    font-size: 20px;\\r\\n    font-weight: 400;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    margin: 15px 20px 0px 20px;\\r\\n}\\r\\n\\r\\n\\r\\n.Textlitle{\\r\\n    color: #9dabb6;\\r\\n    font-size: 17px;\\r\\n    font-weight: 600;\\r\\n    line-height: 24px;\\r\\n}\\r\\n.TitleHealth{\\r\\n    color: #343434;\\r\\n    font-size: 40px;\\r\\n    font-weight: 700;\\r\\n    line-height: 45.6px;\\r\\n}\\r\\n.TextField{\\r\\n    color: #556271;\\r\\n    font-size: 16px;\\r\\n    font-weight: 400;\\r\\n    line-height: 24px;\\r\\n    letter-spacing: 1px;\\r\\n}\\r\\n.TextFieldGrid{\\r\\n    color: #556271;\\r\\n    font-size: 16px;\\r\\n    font-weight: 400;\\r\\n    line-height: 24px;\\r\\n    padding-top: 12px;\\r\\n}\\r\\n\\r\\n.TextFieldWhite{\\r\\n    color: #FFFFFF;\\r\\n    font-size: 16px;\\r\\n    font-weight: 600;\\r\\n    line-height: 24px;\\r\\n}\\r\\n.TitleSeccion {\\r\\n    color: #0B3961;\\r\\n    border-bottom: 2px solid #BCDCF8;\\r\\n    font-size: 19px;\\r\\n    font-weight: 700;\\r\\n    line-height: 35px;\\r\\n}\\r\\n.TitleSeccion2{\\r\\n    background-color: #DEEEFA;\\r\\n    color: #556271;\\r\\n    font-size: 17px;\\r\\n    font-weight: 600;\\r\\n    padding: 10px 20px;\\r\\n    margin: 20px 0px;\\r\\n}\\r\\n.form-group label{\\r\\n    color: #556271;\\r\\n    font-size: 15px;\\r\\n    font-weight: 400;\\r\\n    line-height: 20.43px;\\r\\n}\\r\\n.form-control {\\r\\n    color: #556271;\\r\\n    border: 2px solid #bfc4c9;\\r\\n    border-radius: 4px;\\r\\n    padding: 10px;\\r\\n    margin-bottom: 15px\\r\\n}\\r\\n\\r\\n[selector='btn-position'] .btn-primary{\\r\\n    background-color:#1572C2;\\r\\n    border: 1px solid #1572C2;\\r\\n    color: #FFFFFF;\\r\\n    border-radius: 4px;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n/***Approval template***/\\r\\n\\r\\n\\r\\n[selector='loopText'] {\\r\\n   text-align: center;\\r\\n}\\r\\n\\r\\n.required-asterisk{\\r\\n    color:#1572C2;\\r\\n}\\r\\n[selector='Bg-Approve'] .btn-primary{\\r\\n    background-color:#4EA075;\\r\\n    border: 1px solid #4EA075;\\r\\n    color: #FFFFFF;\\r\\n    border-radius: 4px;\\r\\n    width: 100%;\\r\\n}\\r\\n[selector='Bg-Reject'] .btn-danger{\\r\\n    background-color:#ED4858;\\r\\n    border: 1px solid #ED4858;\\r\\n    color: #FFFFFF;\\r\\n    border-radius: 4px;\\r\\n    width: 100%;\\r\\n}\", \"updated_at\": \"2024-05-07 22:15:20\", \"description\": \"PLG - PaperTemplate\", \"is_template\": 0, \"translations\": null}, \"dependents\": [], \"references\": {\"uncategorized-category\": true}, \"type_human\": \"Screen\", \"description\": \"PLG - PaperTemplate\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}}, \"version\": \"2\"}","screen_custom_css":"/***StyleDiego--HealthSavingsAccoount--07-05-24*****/\r\n[selector='bg-container']{\r\n    background-color: #DEEBFF;\r\n}\r\n\r\n[selector='bg-form']{\r\n    background-color: #F6F9FB;\r\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    padding: 10px 30px;\r\n    max-width: 873px;\r\n    margin: auto;\r\n}\r\n\r\n[selector='Bg-Form2']{\r\n    background-color: #FFFFFF;\r\n    padding: 10px 40px;\r\n}\r\n\r\n[selector='bg-Header']{\r\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\r\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    max-width: 873px;\r\n    margin: auto;\r\n}\r\n[selector='Bg-Header2']{ \r\n    background: linear-gradient(to right, #bcdcf8 0%, #ffffff 100%);\r\n    /*max-width: 873px;\r\n    margin: auto;*/\r\n}\r\n[selector='Bg-headerList']{ \r\n    background-color:#95C8F3;\r\n    padding: 10px 15px 0 15px;\r\n}\r\n[selector='Bg-GridList'] .row{ \r\n    margin-right:0px !important;\r\n    margin-left:0px !important;\r\n}\r\n[selector='Bg-GridList'] .col-sm-3{ \r\n    border:1px solid #95C8F3;\r\n}\r\n\r\n[selector='bg-Footer']{\r\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\r\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    height: 68px;\r\n    max-width: 873px;\r\n    margin: auto;\r\n}\r\n[selector='logo-img']{\r\n    padding: 25px 20px 10px 20px;\r\n}\r\n\r\n[selector='logo-img2']{\r\n    padding: 35px 20px 25px 40px;\r\n}\r\n\r\n.hdrTxt {\r\n    text-align: right;\r\n    color: #FFFFFF;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    letter-spacing: 0.075rem;\r\n    line-height: 1.2;\r\n    padding-right: 10px;\r\n    padding-top: 5px;\r\n}\r\n.hdrTxt2 {\r\n    text-align: right;\r\n    color: #556271;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    letter-spacing: 0.075rem;\r\n    line-height: 1.2;\r\n    margin: 0px 50px;\r\n}\r\n.hdrTxt3 {\r\n    text-align: right;\r\n    color: #556271;\r\n    font-size: 20px;\r\n    font-weight: 400;\r\n    letter-spacing: 0.075rem;\r\n    line-height: 1.2;\r\n    margin: 25px 50px 0px 50px;\r\n}\r\n.WhitehdrTxt2 {\r\n    text-align: right;\r\n    color: #FFFFFF;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    letter-spacing: 0.075rem;\r\n    line-height: 1.2;\r\n    margin: 0px 20px;\r\n}\r\n.WhitehdrTxt3 {\r\n    text-align: right;\r\n    color: #FFFFFF;\r\n    font-size: 20px;\r\n    font-weight: 400;\r\n    letter-spacing: 0.075rem;\r\n    line-height: 1.2;\r\n    margin: 15px 20px 0px 20px;\r\n}\r\n\r\n\r\n.Textlitle{\r\n    color: #9dabb6;\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n    line-height: 24px;\r\n}\r\n.TitleHealth{\r\n    color: #343434;\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    line-height: 45.6px;\r\n}\r\n.TextField{\r\n    color: #556271;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    letter-spacing: 1px;\r\n}\r\n.TextFieldGrid{\r\n    color: #556271;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    padding-top: 12px;\r\n}\r\n\r\n.TextFieldWhite{\r\n    color: #FFFFFF;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    line-height: 24px;\r\n}\r\n.TitleSeccion {\r\n    color: #0B3961;\r\n    border-bottom: 2px solid #BCDCF8;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    line-height: 35px;\r\n}\r\n.TitleSeccion2{\r\n    background-color: #DEEEFA;\r\n    color: #556271;\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n    padding: 10px 20px;\r\n    margin: 20px 0px;\r\n}\r\n.form-group label{\r\n    color: #556271;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 20.43px;\r\n}\r\n.form-control {\r\n    color: #556271;\r\n    border: 2px solid #bfc4c9;\r\n    border-radius: 4px;\r\n    padding: 10px;\r\n    margin-bottom: 15px\r\n}\r\n\r\n[selector='btn-position'] .btn-primary{\r\n    background-color:#1572C2;\r\n    border: 1px solid #1572C2;\r\n    color: #FFFFFF;\r\n    border-radius: 4px;\r\n    width: 100%;\r\n}\r\n\r\n/***Approval template***/\r\n\r\n\r\n[selector='loopText'] {\r\n   text-align: center;\r\n}\r\n\r\n.required-asterisk{\r\n    color:#1572C2;\r\n}\r\n[selector='Bg-Approve'] .btn-primary{\r\n    background-color:#4EA075;\r\n    border: 1px solid #4EA075;\r\n    color: #FFFFFF;\r\n    border-radius: 4px;\r\n    width: 100%;\r\n}\r\n[selector='Bg-Reject'] .btn-danger{\r\n    background-color:#ED4858;\r\n    border: 1px solid #ED4858;\r\n    color: #FFFFFF;\r\n    border-radius: 4px;\r\n    width: 100%;\r\n}","media_collection":"st-9bfd43ab-87ee-4d68-bbee-4f5f0600d4eb-media","is_public":0,"is_default_template":0,"is_system":0,"asset_type":null,"created_at":"2024-05-07 22:24:03","updated_at":"2024-05-07 22:24:03"},"extraAttributes":{"translatedLanguages":[]},"references":[]}}}
\ No newline at end of file
diff --git a/default-templates/postcard_template/assets/preview-thumbs/preview1.jpg b/default-templates/postcard_template/assets/preview-thumbs/preview1.jpg
new file mode 100644
index 0000000..626ceec
Binary files /dev/null and b/default-templates/postcard_template/assets/preview-thumbs/preview1.jpg differ
diff --git a/default-templates/postcard_template/assets/thumbnail.jpeg b/default-templates/postcard_template/assets/thumbnail.jpeg
new file mode 100644
index 0000000..d57d11b
Binary files /dev/null and b/default-templates/postcard_template/assets/thumbnail.jpeg differ
diff --git a/default-templates/postcard_template/screen_template_details.xml b/default-templates/postcard_template/screen_template_details.xml
new file mode 100644
index 0000000..5f95863
--- /dev/null
+++ b/default-templates/postcard_template/screen_template_details.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<screen-template
+  name="Postcard Template"
+  description="Default postcard screen template"
+  screen_type="FORM"
+  version="1.0.0"
+  unique_template_id="postcard_template"
+></screen-template>
diff --git a/default-templates/postcard_template/screen_template_export.json b/default-templates/postcard_template/screen_template_export.json
new file mode 100644
index 0000000..80ab715
--- /dev/null
+++ b/default-templates/postcard_template/screen_template_export.json
@@ -0,0 +1 @@
+{"type":"screen_templates_package","version":"2","root":"9bfd43eb-e5c4-4a33-a863-305b7cfc8ab9","name":"Postcard Template","export":{"9bfd43eb-e5c4-4a33-a863-305b7cfc8ab9":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScreenTemplatesExporter","type":"ScreenTemplates","type_human":"Screen Template","type_plural":"ScreenTemplates","type_human_plural":"Screen Templates","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ScreenTemplates","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Postcard Template","description":"Default postcard template","process_manager":"","process_manager_id":null,"attributes":{"id":750,"uuid":"9bfd43eb-e5c4-4a33-a863-305b7cfc8ab9","unique_template_id":null,"name":"Postcard Template","description":"Default postcard template","version":"1.0.0","user_id":1,"editing_screen_uuid":null,"screen_category_id":1,"screen_type":"FORM","manifest":"{\"name\": \"PLG - PostCardTemplate\", \"root\": \"9bfd3f0b-dd0d-41f2-98e6-e395971c0d9c\", \"type\": \"screen_package\", \"export\": {\"9bfd3f0b-dd0d-41f2-98e6-e395971c0d9c\": {\"mode\": \"update\", \"name\": \"PLG - PostCardTemplate\", \"type\": \"Screen\", \"model\": \"ProcessMaker\\\\Models\\\\Screen\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"attributes\": {\"id\": 3137, \"key\": null, \"type\": \"FORM\", \"uuid\": \"9bfd3f0b-dd0d-41f2-98e6-e395971c0d9c\", \"title\": \"PLG - PostCardTemplate\", \"config\": \"[{\\\"name\\\": \\\"PLG - Health Savings Account\\\", \\\"items\\\": [{\\\"items\\\": [[{\\\"items\\\": [[], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 5px solid #DEEBFF;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"isologo%203\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image/png;base64,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\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormImage\\\", \\\"editor-component\\\": \\\"FormImage\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleHealth\\\\\\\">Lorem ipsum dolor sit amet.</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">In general, please list everyone who lives in your home. If someone is pregnant, just count them as one person.&nbsp;</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"➊ Section 1\\\", \\\"variant\\\": \\\"primary\\\", \\\"eventData\\\": null, \\\"customCssSelector\\\": \\\"btn-position3\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}, {\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"➋ Section 2\\\", \\\"variant\\\": \\\"light\\\", \\\"eventData\\\": \\\"1\\\", \\\"customCssSelector\\\": \\\"btn-position3\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}, {\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"➌ Section 3\\\", \\\"variant\\\": \\\"light\\\", \\\"eventData\\\": \\\"2\\\", \\\"customCssSelector\\\": \\\"btn-position3\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], []], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"10\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"2\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-form-inside2\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleBlue\\\\\\\">Other Members of the Household</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">In general, please list everyone who lives in your home. If someone is pregnant, just count them as one person.</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleBlue\\\\\\\">Other Members of the Household</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_2\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": null, \\\"event\\\": \\\"script\\\", \\\"label\\\": \\\"Next\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"primary\\\", \\\"fieldValue\\\": null, \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"btn-position2\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(?<![.])$/|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"event\\\", \\\"config\\\": {\\\"label\\\": \\\"Type\\\", \\\"helper\\\": \\\"Choose whether the button should submit the form\\\", \\\"options\\\": [{\\\"value\\\": \\\"submit\\\", \\\"content\\\": \\\"Submit Button\\\"}, {\\\"value\\\": \\\"script\\\", \\\"content\\\": \\\"Regular Button\\\"}]}}, {\\\"type\\\": \\\"LoadingSubmitButton\\\", \\\"field\\\": \\\"loading\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button\\\", \\\"helper\\\": \\\"Loading Submit Button\\\"}}, {\\\"type\\\": \\\"LabelSubmitButton\\\", \\\"field\\\": \\\"loadingLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button Label\\\", \\\"helper\\\": \\\"Loading Submit Button Label\\\"}}, {\\\"type\\\": {\\\"props\\\": [\\\"label\\\", \\\"value\\\", \\\"helper\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"FormTextArea\\\": {\\\"name\\\": \\\"FormTextArea\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"rows\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"readonly\\\": {\\\"type\\\": null}, \\\"richtext\\\": {\\\"type\\\": null}, \\\"controlClass\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"rows\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"mixins\\\": [{\\\"methods\\\": [], \\\"directives\\\": {\\\"uni-id\\\": [], \\\"uni-for\\\": [], \\\"uni-form\\\": [], \\\"uni-aria-owns\\\": [], \\\"uni-aria-flowto\\\": [], \\\"uni-aria-controls\\\": [], \\\"uni-aria-labelledby\\\": [], \\\"uni-aria-describedby\\\": [], \\\"uni-aria-activedescendant\\\": []}}, {\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Editor\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"id\\\": [], \\\"init\\\": [], \\\"value\\\": [], \\\"apiKey\\\": [], \\\"inline\\\": [], \\\"plugins\\\": {\\\"type\\\": [null, null]}, \\\"tagName\\\": [], \\\"toolbar\\\": {\\\"type\\\": [null, null]}, \\\"disabled\\\": [], \\\"modelEvents\\\": {\\\"type\\\": [null, null]}, \\\"cloudChannel\\\": [], \\\"initialValue\\\": []}, \\\"watch\\\": []}, \\\"DisplayErrors\\\": {\\\"props\\\": [\\\"name\\\", \\\"error\\\", \\\"validator\\\"], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"tooltip\\\", \\\"config\\\": {\\\"label\\\": \\\"Tooltip\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"fieldValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Value\\\", \\\"helper\\\": \\\"The value being submitted\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-form-inside\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"5\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"7\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-form\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 2px solid #DEEBFF;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], []], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"10\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-container\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}, {\\\"name\\\": \\\"Health Savings Account SECTION 2\\\", \\\"items\\\": [{\\\"items\\\": [[{\\\"items\\\": [[], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 5px solid #DEEBFF;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"Isolo2\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image/png;base64,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\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormImage\\\", \\\"editor-component\\\": \\\"FormImage\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleHealth\\\\\\\">Lorem ipsum dolor sit amet.</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">In general, please list everyone who lives in your home. If someone is pregnant, just count them as one person.&nbsp;</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"➊ Section 1\\\", \\\"variant\\\": \\\"light\\\", \\\"eventData\\\": \\\"0\\\", \\\"customCssSelector\\\": \\\"btn-position3\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}, {\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"➋ Section 2\\\", \\\"variant\\\": \\\"primary\\\", \\\"eventData\\\": null, \\\"customCssSelector\\\": \\\"btn-position3\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}, {\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"➌ Section 3\\\", \\\"variant\\\": \\\"light\\\", \\\"eventData\\\": \\\"2\\\", \\\"customCssSelector\\\": \\\"btn-position3\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], []], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"10\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"2\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-form-inside2\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleBlue\\\\\\\">Other Members of the Household</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">In general, please list everyone who lives in your home. If someone is pregnant, just count them as one person.</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleBlue\\\\\\\">Other Members of the Household</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_3\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_4\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": null, \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"Back\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"secondary\\\", \\\"fieldValue\\\": null, \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"btn-position2\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(?<![.])$/|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"event\\\", \\\"config\\\": {\\\"label\\\": \\\"Type\\\", \\\"helper\\\": \\\"Choose whether the button should submit the form\\\", \\\"options\\\": [{\\\"value\\\": \\\"submit\\\", \\\"content\\\": \\\"Submit Button\\\"}, {\\\"value\\\": \\\"script\\\", \\\"content\\\": \\\"Regular Button\\\"}]}}, {\\\"type\\\": \\\"LoadingSubmitButton\\\", \\\"field\\\": \\\"loading\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button\\\", \\\"helper\\\": \\\"Loading Submit Button\\\"}}, {\\\"type\\\": \\\"LabelSubmitButton\\\", \\\"field\\\": \\\"loadingLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button Label\\\", \\\"helper\\\": \\\"Loading Submit Button Label\\\"}}, {\\\"type\\\": {\\\"props\\\": [\\\"label\\\", \\\"value\\\", \\\"helper\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"FormTextArea\\\": {\\\"name\\\": \\\"FormTextArea\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"rows\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"readonly\\\": {\\\"type\\\": null}, \\\"richtext\\\": {\\\"type\\\": null}, \\\"controlClass\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"rows\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"mixins\\\": [{\\\"methods\\\": [], \\\"directives\\\": {\\\"uni-id\\\": [], \\\"uni-for\\\": [], \\\"uni-form\\\": [], \\\"uni-aria-owns\\\": [], \\\"uni-aria-flowto\\\": [], \\\"uni-aria-controls\\\": [], \\\"uni-aria-labelledby\\\": [], \\\"uni-aria-describedby\\\": [], \\\"uni-aria-activedescendant\\\": []}}, {\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Editor\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"id\\\": [], \\\"init\\\": [], \\\"value\\\": [], \\\"apiKey\\\": [], \\\"inline\\\": [], \\\"plugins\\\": {\\\"type\\\": [null, null]}, \\\"tagName\\\": [], \\\"toolbar\\\": {\\\"type\\\": [null, null]}, \\\"disabled\\\": [], \\\"modelEvents\\\": {\\\"type\\\": [null, null]}, \\\"cloudChannel\\\": [], \\\"initialValue\\\": []}, \\\"watch\\\": []}, \\\"DisplayErrors\\\": {\\\"props\\\": [\\\"name\\\", \\\"error\\\", \\\"validator\\\"], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"tooltip\\\", \\\"config\\\": {\\\"label\\\": \\\"Tooltip\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"fieldValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Value\\\", \\\"helper\\\": \\\"The value being submitted\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": null, \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"Next\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"primary\\\", \\\"fieldValue\\\": null, \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"btn-position2\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(?<![.])$/|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"event\\\", \\\"config\\\": {\\\"label\\\": \\\"Type\\\", \\\"helper\\\": \\\"Choose whether the button should submit the form\\\", \\\"options\\\": [{\\\"value\\\": \\\"submit\\\", \\\"content\\\": \\\"Submit Button\\\"}, {\\\"value\\\": \\\"script\\\", \\\"content\\\": \\\"Regular Button\\\"}]}}, {\\\"type\\\": \\\"LoadingSubmitButton\\\", \\\"field\\\": \\\"loading\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button\\\", \\\"helper\\\": \\\"Loading Submit Button\\\"}}, {\\\"type\\\": \\\"LabelSubmitButton\\\", \\\"field\\\": \\\"loadingLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button Label\\\", \\\"helper\\\": \\\"Loading Submit Button Label\\\"}}, {\\\"type\\\": {\\\"props\\\": [\\\"label\\\", \\\"value\\\", \\\"helper\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"FormTextArea\\\": {\\\"name\\\": \\\"FormTextArea\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"rows\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"readonly\\\": {\\\"type\\\": null}, \\\"richtext\\\": {\\\"type\\\": null}, \\\"controlClass\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"rows\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"mixins\\\": [{\\\"methods\\\": [], \\\"directives\\\": {\\\"uni-id\\\": [], \\\"uni-for\\\": [], \\\"uni-form\\\": [], \\\"uni-aria-owns\\\": [], \\\"uni-aria-flowto\\\": [], \\\"uni-aria-controls\\\": [], \\\"uni-aria-labelledby\\\": [], \\\"uni-aria-describedby\\\": [], \\\"uni-aria-activedescendant\\\": []}}, {\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Editor\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"id\\\": [], \\\"init\\\": [], \\\"value\\\": [], \\\"apiKey\\\": [], \\\"inline\\\": [], \\\"plugins\\\": {\\\"type\\\": [null, null]}, \\\"tagName\\\": [], \\\"toolbar\\\": {\\\"type\\\": [null, null]}, \\\"disabled\\\": [], \\\"modelEvents\\\": {\\\"type\\\": [null, null]}, \\\"cloudChannel\\\": [], \\\"initialValue\\\": []}, \\\"watch\\\": []}, \\\"DisplayErrors\\\": {\\\"props\\\": [\\\"name\\\", \\\"error\\\", \\\"validator\\\"], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"tooltip\\\", \\\"config\\\": {\\\"label\\\": \\\"Tooltip\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"fieldValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Value\\\", \\\"helper\\\": \\\"The value being submitted\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-form-inside\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"5\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"7\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-form\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], []], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"10\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-container\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}, {\\\"name\\\": \\\"Health Savings Account SECTION 3\\\", \\\"items\\\": [{\\\"items\\\": [[{\\\"items\\\": [[], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<hr style=\\\\\\\"border: 5px solid #DEEBFF;\\\\\\\" />\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"Isolo2\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image/png;base64,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\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormImage\\\", \\\"editor-component\\\": \\\"FormImage\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleHealth\\\\\\\">Lorem ipsum dolor sit amet.</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">In general, please list everyone who lives in your home. If someone is pregnant, just count them as one person.&nbsp;</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"➊ Section 1\\\", \\\"variant\\\": \\\"light\\\", \\\"eventData\\\": \\\"0\\\", \\\"customCssSelector\\\": \\\"btn-position3\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}, {\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"➋ Section 2\\\", \\\"variant\\\": \\\"light\\\", \\\"eventData\\\": \\\"1\\\", \\\"customCssSelector\\\": \\\"btn-position3\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}, {\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"➌ Section 3\\\", \\\"variant\\\": \\\"primary\\\", \\\"eventData\\\": null, \\\"customCssSelector\\\": \\\"btn-position3\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], []], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"10\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"2\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-form-inside2\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleBlue\\\\\\\">Other Members of the Household</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TextField\\\\\\\">In general, please list everyone who lives in your home. If someone is pregnant, just count them as one person.</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"<p class=\\\\\\\"TitleBlue\\\\\\\">Other Members of the Household</p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_5\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_input_6\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?<!\\\\\\\\.)$/|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": null, \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"BACK\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"secondary\\\", \\\"fieldValue\\\": null, \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"btn-position2\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(?<![.])$/|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"event\\\", \\\"config\\\": {\\\"label\\\": \\\"Type\\\", \\\"helper\\\": \\\"Choose whether the button should submit the form\\\", \\\"options\\\": [{\\\"value\\\": \\\"submit\\\", \\\"content\\\": \\\"Submit Button\\\"}, {\\\"value\\\": \\\"script\\\", \\\"content\\\": \\\"Regular Button\\\"}]}}, {\\\"type\\\": \\\"LoadingSubmitButton\\\", \\\"field\\\": \\\"loading\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button\\\", \\\"helper\\\": \\\"Loading Submit Button\\\"}}, {\\\"type\\\": \\\"LabelSubmitButton\\\", \\\"field\\\": \\\"loadingLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button Label\\\", \\\"helper\\\": \\\"Loading Submit Button Label\\\"}}, {\\\"type\\\": {\\\"props\\\": [\\\"label\\\", \\\"value\\\", \\\"helper\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"FormTextArea\\\": {\\\"name\\\": \\\"FormTextArea\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"rows\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"readonly\\\": {\\\"type\\\": null}, \\\"richtext\\\": {\\\"type\\\": null}, \\\"controlClass\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"rows\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"mixins\\\": [{\\\"methods\\\": [], \\\"directives\\\": {\\\"uni-id\\\": [], \\\"uni-for\\\": [], \\\"uni-form\\\": [], \\\"uni-aria-owns\\\": [], \\\"uni-aria-flowto\\\": [], \\\"uni-aria-controls\\\": [], \\\"uni-aria-labelledby\\\": [], \\\"uni-aria-describedby\\\": [], \\\"uni-aria-activedescendant\\\": []}}, {\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Editor\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"id\\\": [], \\\"init\\\": [], \\\"value\\\": [], \\\"apiKey\\\": [], \\\"inline\\\": [], \\\"plugins\\\": {\\\"type\\\": [null, null]}, \\\"tagName\\\": [], \\\"toolbar\\\": {\\\"type\\\": [null, null]}, \\\"disabled\\\": [], \\\"modelEvents\\\": {\\\"type\\\": [null, null]}, \\\"cloudChannel\\\": [], \\\"initialValue\\\": []}, \\\"watch\\\": []}, \\\"DisplayErrors\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"validator\\\": {\\\"type\\\": null}}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"tooltip\\\", \\\"config\\\": {\\\"label\\\": \\\"Tooltip\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"fieldValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Value\\\", \\\"helper\\\": \\\"The value being submitted\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": null, \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"NEXT\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"primary\\\", \\\"fieldValue\\\": null, \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"btn-position2\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(?<![.])$/|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"event\\\", \\\"config\\\": {\\\"label\\\": \\\"Type\\\", \\\"helper\\\": \\\"Choose whether the button should submit the form\\\", \\\"options\\\": [{\\\"value\\\": \\\"submit\\\", \\\"content\\\": \\\"Submit Button\\\"}, {\\\"value\\\": \\\"script\\\", \\\"content\\\": \\\"Regular Button\\\"}]}}, {\\\"type\\\": \\\"LoadingSubmitButton\\\", \\\"field\\\": \\\"loading\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button\\\", \\\"helper\\\": \\\"Loading Submit Button\\\"}}, {\\\"type\\\": \\\"LabelSubmitButton\\\", \\\"field\\\": \\\"loadingLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Loading Submit Button Label\\\", \\\"helper\\\": \\\"Loading Submit Button Label\\\"}}, {\\\"type\\\": {\\\"props\\\": [\\\"label\\\", \\\"value\\\", \\\"helper\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"FormTextArea\\\": {\\\"name\\\": \\\"FormTextArea\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"rows\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"readonly\\\": {\\\"type\\\": null}, \\\"richtext\\\": {\\\"type\\\": null}, \\\"controlClass\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"rows\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"mixins\\\": [{\\\"methods\\\": [], \\\"directives\\\": {\\\"uni-id\\\": [], \\\"uni-for\\\": [], \\\"uni-form\\\": [], \\\"uni-aria-owns\\\": [], \\\"uni-aria-flowto\\\": [], \\\"uni-aria-controls\\\": [], \\\"uni-aria-labelledby\\\": [], \\\"uni-aria-describedby\\\": [], \\\"uni-aria-activedescendant\\\": []}}, {\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Editor\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"id\\\": [], \\\"init\\\": [], \\\"value\\\": [], \\\"apiKey\\\": [], \\\"inline\\\": [], \\\"plugins\\\": {\\\"type\\\": [null, null]}, \\\"tagName\\\": [], \\\"toolbar\\\": {\\\"type\\\": [null, null]}, \\\"disabled\\\": [], \\\"modelEvents\\\": {\\\"type\\\": [null, null]}, \\\"cloudChannel\\\": [], \\\"initialValue\\\": []}, \\\"watch\\\": []}, \\\"DisplayErrors\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"validator\\\": {\\\"type\\\": null}}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"tooltip\\\", \\\"config\\\": {\\\"label\\\": \\\"Tooltip\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"fieldValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Value\\\", \\\"helper\\\": \\\"The value being submitted\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-form-inside\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"5\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"7\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-form\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], []], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"10\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn / Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"bg-container\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[]\", \"watchers\": null, \"asset_type\": null, \"created_at\": \"2024-03-06 14:35:12\", \"custom_css\": \"/***StyleDiego--HealthSavingsAccoount--07-05-24*****/\\r\\n[selector='bg-container']{\\r\\n    background-color: #DEEBFF;\\r\\n}\\r\\n\\r\\n[selector='bg-form']{\\r\\n    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bdddf8+0,f6fafe+50,ffffff+50,ffffff+100 */\\r\\n    background: linear-gradient(to right, rgba(189,221,248,1) 0%,rgba(246,250,254,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\r\\n    padding: 40px;\\r\\n    max-width: 1287px;\\r\\n    margin: auto;\\r\\n    border-radius: 16px;\\r\\n}\\r\\n\\r\\n[selector='bg-form-inside']{\\r\\n    background-color: #FFFFFF;\\r\\n    border: 1px solid #CDDDEE;\\r\\n    border-radius: 5px;\\r\\n    padding: 40px;\\r\\n}\\r\\n\\r\\n[selector='bg-form-inside2']{\\r\\n    /*background-color: #FFFFFF;\\r\\n    border: 1px solid #CDDDEE;\\r\\n    border-radius: 5px;*/\\r\\n    padding: 20px;\\r\\n}\\r\\n\\r\\n[selector='bg-Header']{\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\r\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n}\\r\\n[selector='bg-Footer']{\\r\\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\r\\n    background: linear-gradientx(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\r\\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n    height: 68px;\\r\\n}\\r\\n[selector='logo-img']{\\r\\n    padding: 25px 20px 10px 20px;\\r\\n}\\r\\n\\r\\n.hdrTxt {\\r\\n    text-align: right;\\r\\n    color: #FFFFFF;\\r\\n    font-size: 20px;\\r\\n    font-weight: bold;\\r\\n    letter-spacing: 0.075rem;\\r\\n    line-height: 1.2;\\r\\n    padding-right: 10px;\\r\\n    padding-top: 5px;\\r\\n}\\r\\n\\r\\n.Textlitle{\\r\\n    color: #9dabb6;\\r\\n    font-size: 16px;\\r\\n    font-weight: 600;\\r\\n    line-height: 24px;\\r\\n}\\r\\n.TitleHealth {\\r\\n    color: #343434;\\r\\n    font-size: 40px;\\r\\n    font-weight: 700;\\r\\n    line-height: 45.6px;\\r\\n}\\r\\n.TitleBlue{\\r\\n    color: #1572C2;\\r\\n    font-size: 17px;\\r\\n    font-weight: bold;\\r\\n    line-height: 24px;\\r\\n}\\r\\n.TextField{\\r\\n    color: #556271;\\r\\n    font-size: 16px;\\r\\n    font-weight: 400;\\r\\n    line-height: 24px;\\r\\n    letter-spacing: 1px;\\r\\n}\\r\\n.TitleSeccion{\\r\\n    color: #0B3961;\\r\\n    border-bottom: 2px solid #BCDCF8;\\r\\n    font-size: 18px;\\r\\n    font-weight: 600;\\r\\n    line-height: 35px;\\r\\n}\\r\\n.form-group label{\\r\\n    color: #556271;\\r\\n    font-size: 15px;\\r\\n    font-weight: 400;\\r\\n    line-height: 22.5px;\\r\\n}\\r\\n.form-control {\\r\\n    color: #556271;\\r\\n    border: 1px solid #CDDDEE;\\r\\n    border-radius: 8px;\\r\\n    padding: 20px 10px;\\r\\n    margin-bottom: 5%;\\r\\n}\\r\\n[selector='btn-position'] .btn-primary {\\r\\n    color: #fff;\\r\\n    background-color: #1572C2;\\r\\n    border-color: #1572C2;\\r\\n    width: 100%;\\r\\n    font-size: 16px;\\r\\n    font-weight: 600;\\r\\n}\\r\\n\\r\\n[selector='btn-position2'] .btn-primary {\\r\\n    color: #fff;\\r\\n    background-color: #1572C2 !important;\\r\\n    border-color: #1572C2 !important;\\r\\n    border-radius: 4px !important;\\r\\n    width: 100% !important;\\r\\n    font-size: 17px !important;\\r\\n    font-weight: 600;\\r\\n    line-height: 24px;\\r\\n    padding: 8px 10px;\\r\\n    text-transform: capitalize;\\r\\n    margin-top: 5%;\\r\\n}\\r\\n\\r\\n[selector='btn-position2'] .btn-secondary {\\r\\n    color: #fff;\\r\\n    background-color: #6A7888 !important;\\r\\n    border-color: #6A7888 !important;\\r\\n    border-radius: 4px !important;\\r\\n    width: 100% !important;\\r\\n    font-size: 16px !important;\\r\\n    font-weight: 400;\\r\\n    line-height: 24px;\\r\\n    padding: 8px 10px;\\r\\n    text-transform: capitalize;\\r\\n    margin-top: 5%;\\r\\n}\\r\\n\\r\\n[selector='btn-position3'] .btn-primary {\\r\\n    color: #fff;\\r\\n    background-color: #1572C2 !important;\\r\\n    border-color: #1572C2!important;\\r\\n    border-radius: 10px !important;\\r\\n    width: 100% !important;\\r\\n    font-size: 19px !important;\\r\\n    font-weight: 400;\\r\\n    line-height: 24px;\\r\\n    text-align: left;\\r\\n    text-transform: capitalize;\\r\\n}\\r\\n\\r\\n[selector='btn-position3'] .btn-light {\\r\\n    color: #556271;\\r\\n    background-color: transparent !important;\\r\\n    border-color: transparent !important;\\r\\n    border-radius: 24px !important;\\r\\n    width: 100% !important;\\r\\n    font-size: 16px !important;\\r\\n    font-weight: 400;\\r\\n    line-height: 24px;\\r\\n    text-align: left;\\r\\n    text-transform: capitalize;\\r\\n}\", \"updated_at\": \"2024-05-07 22:11:07\", \"description\": \"PLG - PostCardTemplate\", \"is_template\": 0, \"translations\": null}, \"dependents\": [], \"references\": {\"uncategorized-category\": true}, \"type_human\": \"Screen\", \"description\": \"PLG - PostCardTemplate\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}}, \"version\": \"2\"}","screen_custom_css":"/***StyleDiego--HealthSavingsAccoount--07-05-24*****/\r\n[selector='bg-container']{\r\n    background-color: #DEEBFF;\r\n}\r\n\r\n[selector='bg-form']{\r\n    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bdddf8+0,f6fafe+50,ffffff+50,ffffff+100 */\r\n    background: linear-gradient(to right, rgba(189,221,248,1) 0%,rgba(246,250,254,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n    padding: 40px;\r\n    max-width: 1287px;\r\n    margin: auto;\r\n    border-radius: 16px;\r\n}\r\n\r\n[selector='bg-form-inside']{\r\n    background-color: #FFFFFF;\r\n    border: 1px solid #CDDDEE;\r\n    border-radius: 5px;\r\n    padding: 40px;\r\n}\r\n\r\n[selector='bg-form-inside2']{\r\n    /*background-color: #FFFFFF;\r\n    border: 1px solid #CDDDEE;\r\n    border-radius: 5px;*/\r\n    padding: 20px;\r\n}\r\n\r\n[selector='bg-Header']{\r\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\r\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n}\r\n[selector='bg-Footer']{\r\n    background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\r\n    background: linear-gradientx(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n    -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\r\n    height: 68px;\r\n}\r\n[selector='logo-img']{\r\n    padding: 25px 20px 10px 20px;\r\n}\r\n\r\n.hdrTxt {\r\n    text-align: right;\r\n    color: #FFFFFF;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    letter-spacing: 0.075rem;\r\n    line-height: 1.2;\r\n    padding-right: 10px;\r\n    padding-top: 5px;\r\n}\r\n\r\n.Textlitle{\r\n    color: #9dabb6;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    line-height: 24px;\r\n}\r\n.TitleHealth {\r\n    color: #343434;\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    line-height: 45.6px;\r\n}\r\n.TitleBlue{\r\n    color: #1572C2;\r\n    font-size: 17px;\r\n    font-weight: bold;\r\n    line-height: 24px;\r\n}\r\n.TextField{\r\n    color: #556271;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    letter-spacing: 1px;\r\n}\r\n.TitleSeccion{\r\n    color: #0B3961;\r\n    border-bottom: 2px solid #BCDCF8;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    line-height: 35px;\r\n}\r\n.form-group label{\r\n    color: #556271;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 22.5px;\r\n}\r\n.form-control {\r\n    color: #556271;\r\n    border: 1px solid #CDDDEE;\r\n    border-radius: 8px;\r\n    padding: 20px 10px;\r\n    margin-bottom: 5%;\r\n}\r\n[selector='btn-position'] .btn-primary {\r\n    color: #fff;\r\n    background-color: #1572C2;\r\n    border-color: #1572C2;\r\n    width: 100%;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n}\r\n\r\n[selector='btn-position2'] .btn-primary {\r\n    color: #fff;\r\n    background-color: #1572C2 !important;\r\n    border-color: #1572C2 !important;\r\n    border-radius: 4px !important;\r\n    width: 100% !important;\r\n    font-size: 17px !important;\r\n    font-weight: 600;\r\n    line-height: 24px;\r\n    padding: 8px 10px;\r\n    text-transform: capitalize;\r\n    margin-top: 5%;\r\n}\r\n\r\n[selector='btn-position2'] .btn-secondary {\r\n    color: #fff;\r\n    background-color: #6A7888 !important;\r\n    border-color: #6A7888 !important;\r\n    border-radius: 4px !important;\r\n    width: 100% !important;\r\n    font-size: 16px !important;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    padding: 8px 10px;\r\n    text-transform: capitalize;\r\n    margin-top: 5%;\r\n}\r\n\r\n[selector='btn-position3'] .btn-primary {\r\n    color: #fff;\r\n    background-color: #1572C2 !important;\r\n    border-color: #1572C2!important;\r\n    border-radius: 10px !important;\r\n    width: 100% !important;\r\n    font-size: 19px !important;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    text-align: left;\r\n    text-transform: capitalize;\r\n}\r\n\r\n[selector='btn-position3'] .btn-light {\r\n    color: #556271;\r\n    background-color: transparent !important;\r\n    border-color: transparent !important;\r\n    border-radius: 24px !important;\r\n    width: 100% !important;\r\n    font-size: 16px !important;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    text-align: left;\r\n    text-transform: capitalize;\r\n}","media_collection":"st-9bfd43eb-e5c4-4a33-a863-305b7cfc8ab9-media","is_public":0,"is_default_template":0,"is_system":0,"asset_type":null,"created_at":"2024-05-07 22:24:45","updated_at":"2024-05-07 22:24:45"},"extraAttributes":{"translatedLanguages":[]},"references":[]}}}
\ No newline at end of file
diff --git a/index.json b/index.json
index d701701..45153fe 100644
--- a/index.json
+++ b/index.json
@@ -1,5 +1,21 @@
 {
     "default-templates": {
+        "postcard_template": {
+            "screen_template": ".\/default-templates\/postcard_template\/screen_template_export.json",
+            "template_details": {
+                "name": "Postcard Template",
+                "description": "Default postcard screen template",
+                "screen_type": "FORM",
+                "version": "1.0.0",
+                "unique_template_id": "postcard_template"
+            },
+            "assets": {
+                "thumbnail": ".\/default-templates\/postcard_template\/assets\/thumbnail.jpeg",
+                "preview-thumbs": [
+                    ".\/default-templates\/postcard_template\/assets\/preview-thumbs\/preview1.jpg"
+                ]
+            }
+        },
         "paper_template": {
             "screen_template": ".\/default-templates\/paper_template\/screen_template_export.json",
             "template_details": {
@@ -12,9 +28,7 @@
             "assets": {
                 "thumbnail": ".\/default-templates\/paper_template\/assets\/thumbnail.jpeg",
                 "preview-thumbs": [
-                    ".\/default-templates\/paper_template\/assets\/preview-thumbs\/preview2.jpeg",
-                    ".\/default-templates\/paper_template\/assets\/preview-thumbs\/preview3.jpeg",
-                    ".\/default-templates\/paper_template\/assets\/preview-thumbs\/preview1.jpeg"
+                    ".\/default-templates\/paper_template\/assets\/preview-thumbs\/preview1.jpg"
                 ]
             }
         },
@@ -30,9 +44,7 @@
             "assets": {
                 "thumbnail": ".\/default-templates\/approval_template\/assets\/thumbnail.jpeg",
                 "preview-thumbs": [
-                    ".\/default-templates\/approval_template\/assets\/preview-thumbs\/preview2.jpeg",
-                    ".\/default-templates\/approval_template\/assets\/preview-thumbs\/preview3.jpeg",
-                    ".\/default-templates\/approval_template\/assets\/preview-thumbs\/preview1.jpeg"
+                    ".\/default-templates\/approval_template\/assets\/preview-thumbs\/preview1.jpg"
                 ]
             }
         }