diff --git a/Default Templates/approval_template/screen_template_export.json b/Default Templates/approval_template/screen_template_export.json
index c6f551f..44c3f8c 100644
--- a/Default Templates/approval_template/screen_template_export.json	
+++ b/Default Templates/approval_template/screen_template_export.json	
@@ -1 +1 @@
-{"type":"screen_package","version":"2","screens":[{"id":460,"uuid":"9b7e8ab1-8c92-4442-824a-2a7b9b34e851","screen_category_id":"1","title":"Style general - PLG - Health Savings Account","description":"Style general - PLG - Health Savings Account","type":"DISPLAY","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"}]}],"computed":[],"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}","created_at":"2024-03-05T22:32:30+00:00","updated_at":"2024-04-10T20:06:12+00:00","status":"ACTIVE","key":null,"watchers":[],"translations":null,"is_template":0,"asset_type":null,"projects":"[]","categories":[{"id":1,"uuid":"9b3977fb-43a4-4d9e-a550-d0893602744f","name":"Uncategorized","status":"ACTIVE","is_system":0,"created_at":"2024-01-31T14:28:03+00:00","updated_at":"2024-01-31T14:28:03+00:00","pivot":{"category_type":"ProcessMaker\\Models\\ScreenCategory","assignable_id":460,"category_id":1}}]},{"id":692,"uuid":"9bc24071-c9f3-4b88-a862-81803adf2ae6","screen_category_id":"1","title":"PLG - Approval template","description":"PLG - Approval template","type":"FORM","config":[{"name":"PLG - Approval template","items":[{"label":"Nested Screen","config":{"icon":"fas fa-file-invoice","name":"Nested Screen","label":"Nested Screen","value":null,"screen":460,"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,iVBORw0KGgoAAAANSUhEUgAAAPIAAAA4CAYAAADHG6V2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABheSURBVHgB7V1LbxxJco7IKlLUjB4k9mHsXtQCDM+sLJGt9UiiZ22odfB5pF8g6mLAJ1GAzxYJ+OaDpIuvon7BSH\/AQ2FndyjOAtMk5YXhi1oHe72zsxjOm+zuqnBEviqrWN18qKWhdvMDi12dVfnoqvoyIiMisxB2wewfvmolPXyPetSCDBr8OUl9PpAB8L795O99u98Hgh6hO67P7ecAXT6py1+6XaBuj5IfpJj85ZuUvHUcAZEYgACy00al2px7+Vc\/PPYAIiIidgUOOjD72dfXE8AFyKmhydknNJ+cp29JmjF5+8y9Xo6YIeR9IuTjBYFBziFkYlOvR7TdA+wxobd7SExoZHKnP5+CZPZHpEnMp2OpTfgMFTxIVffe8tTUJkRERNRiB5Fnf\/d5I0nH7vNuyxALQYhKTFjUZCYvdT1Z9Sf5zyJNPimQyD2WxlxIt4sinYXMkjb+Dz+F5K+nQCQzEPk2eWIjdnrZ2NXVvxhfg4iIiB1Q4RdN4rHxD8CTWFjMH6R1XlF7wXCfk4R0Fpp5WCfcWV2WdCpS0AtdfUwfyTb+aE+3JLbpTkozTo2pbvsXn353HSIiInbAE1lIrITERA35LgREdLyy3ENFhuCF1JR0Q\/UikYKDpBmrC9HSHYIOwJWdf7pVbpV0GrYYNF2ELpowu\/8LVvkhIiKiBE9klYwJiU858kIhgfV\/QyviIatJsCqvJxvYHfdhiiFwEp3H2qj3vOps5Lg+ZSujasPCsTKFfQPBXel0ICIiwkMT+d1Pv55j4jVk35C3IA9ZDlkSejFpP0KyBXmkHCiX48e\/Rq125ZX0bijncUDPeq1qn0zHjtyHiIgIj1T+sRT+F6sBe2KWyWNdQ2hIaJKs+kvaZeTPr+jNRjKbwTZW1XLyp1FpgK0Q0XUo9jwyY21zXk755b\/73VetD39yfBkiIl4hzp27wEIPG7KvlFpqt1c6cAiQ\/v1nX17NiU6HiTVuIHKjVK1Ra1JbcqIZ55ITsGDUatJczFH3AS7dquOkuSt5TfYd0ptqOhV7ku8wUrzNH8sQEfEqodR1\/t+S3T70l\/mjA4cAKgf1njFIlazQlfEpaeu1YRB5HZvsQSuZ7djYcc7Q1WxlSe3kevGtqNcbt2x7qEb3tmmt1rPPJyEiIoLHyATNQC3eYVEujiF5C7T8V+jEZkktzqvWZqsOFz1D8V2k8uCQFNuGmra5tOx40oKIiAht7GoaiaolLoaEIfJOIDe2ddZpgjzHkIVoZanSu1YqV8a5pbLB69G1LmhnMfflhx2GzdzvqwZERERYY1eNkUtgjEzgCB4CjU85R9cJWHFtTdwlP7NWut0ou0hHz1RdSOY6k8IkToUcJmd0MwfIagt0EiIiIgyRBfn\/fEtZ56sv4JtsUtPFqtDaLC02K2FqDoWfKWNuyfc3xh\/DiaOP8cRERwiW+QK1HCfKMsNMZqqk5dwBKON8ugzaaICntP2sZ81ngQZNpgS7bwxoaDsJKkJNIiL+7KGJ3F\/9DHpPPhNWaAln3E3o9wJHkTVo6\/1NldO13\/zrhWU4GJaaC59MJpDfYW5epx6go7F3cgEVbijth86NC8x5uHOCg2J6+tI8l6GNZevrqwuNZmvyRP71HGEyA6b4Te6YHm9srD6sy3+meaGZ5nhV9vuKHv62\/XFbXBNs1ZQOqpGqZO6TT379PMxz9uw7LVTJe\/zDJl0dlGePnj79zTLsgkr7Grxt8sVZ67IL5L92cYHU5JW628N+3452J8l1n5fr5qHVo42Nj5d2q\/d49s1Vd02KevO1QXmr1\/VbeLNj2y5lTEr+nsJ74W+utG9PbQvuRaNa7rnmxauYQ1POU+qNu+328r4m7IQuKlKqs9FeWQqPv92cbYzn+XV+lpu6btD2osfD7uXZ5mxL5XnLtEktbcLEZnhdcPbD\/6Xef\/zeUtW5esGzqTp+db5jFq5z7dvnH8AI8Df\/\/MsPxv9xpuUrpUD6ogn+wiCYpGgLLqy8dXwRDoDpmUvPwD5cXcTT40QfQPGgBnXAcoJHr1Vvpr5ZSt3X5+T5DaWQrf\/mARQkKmk4IsuNGyO6j9ZtUYMOt+HKoJvInc5NvjUL\/PtrrfTs5ru7sf7xrbpjmhik3q\/7bbvVrR84IsnbHJS3j\/k16cQG5K29psPqDa8ru0UXFOJcTRmb\/FzMfwkTj47Td+\/XXlfOyx107bMxPT1721zPGpBOP83lS8dQuo+6fTOXPnD15Zhdedoud8L2dz\/zxSFd22gXneXQuoe0e3r64gK36bYrk9lxB4Lrovr\/+SW3NmHZnBKmCco+jvEmaWMJEadDmgAF5\/D2bFQkFvCFWZTZVaCnPzJl+5zmZlfJXGc7LdLNvJL5z3oudDcfiWodPHAd0r5p2gza1sryb24PLYB9iyGJQ4hUkvKHkFifJuc0+dzqAS3lEe4OIrFuI6r5c9MX7lTT5aHiOxaQSX4Xtc22e932ugQk1vnDDo3LVx9IPdV6a0jcqeYdVK8Dk3hezpN7wnf+IRQ+W5agdPckfXcnuK6dUmbEhbPNd1rVMs31DIlEm6Z8G5PA+Xi7DAcEd9j+WeG2LQ0nsam71Hau32iLg1ElsUDlm2xlGnNkVUxiTVYAvaVMaGXILccdoceSxzBC9Pv9tp8GKWNlJmku5O0JaXMhM8q+ITXo+dDQRz1NckRosAZwY33tyemNtSdX1tdWp\/iC+l5RiDLsgXMPk9w4tuVfEQnvevET+dZNKC56R45zPSib7ENxExt5\/u2OG8jS6XZQ0T2FR6ckr3zywVthG6sPrnmobAeA9EDhG6f5t52XjUlyeljd+oHf0e7VKdlMXt8ZTI7nNL+zXp+3zVL7vFzbIu\/w3xxgkn\/zLbknG2ur1xRunw\/rZRLMsb720F6T03JdeCjmBUxCWt0uoXw9zTUx5T+5ErStAQeAdGD8DMz54oNnSHd2AYnN87Y6ZZ63J6fDe8m\/+c6w5823j8uX+yLXVwlBNVlZN9QE5n0jfT15iSyxVcISW6Rykj6HEaJ998omdcksSOAXJUC7mIEsXEBg5j\/b43bL+3DwQXIA03OWxzHr7ZUFCiLH8vy7ueGF0OLa2pMbT9sryyV1Ecnn4yt8RY6777KvDJntuXgzLPLcuYsi5RuujevtJ\/NOxZfP9fZHd\/mJ8A+LyhOvFTSbzcngoeqst1fnwuGBhBbyQ3AjqLv80JsIJvPbMbsRtlvyKuxe8RIWoZSXydUMfnNJ9TZ5k2vBye\/BQFCbf\/PdIm+bbQpQUju5A7sV\/q5EdX3HQBUt6EzzXWlXw37tKHhjfug12SdCaSydbhi+OZZlreJQ3fNWvpe7P29wS55RuS9yfZVXm0Uqy2fipHEiA3Uhrlap5RxKlSF9qmDU0Kq1V6XBEhfMskF2oQInlY16TSOTyBlm9cOEPA\/TGzAECtRSNU3I5PJJp1AXlytpQYcx2eQxrTvG5gG\/z2a+R1CDvlJedeNOw6uE\/f5EoRIT1C7IYMnZsV8boRRAawg05+00xgmpgryTZQnihwGb9b\/51+0iLw4af4vBdcfYO0lUmNaplm\/a5VX4Rilv1i++8zWpM2KZa0L7Mm4Jzpy50Aw7TmbK3fA4S+eW2x\/0vOWqEBx872dgMDphBydQRm0WFToxpB3jLUmB9Hg41RJayGv2C5V75JBVSAKJrElcltKa6HlA7nxERB7D8Wd16dx7ddw+X9iBPutBJA3JxN3UF4Pys87hNZx+QCAIHkTWP2ofrnH4thOUVBAR86AcasMAUDA+Q+yeLNLRp9eNNQWKpSFhfkO2+tJhsjp+LvLijV3yvgBwABFpT9dkcP7BSMaUt1Gw2rxYfR447ZTbH\/S8pcG9yIcJjpqOOdWSuJgSoX1LZHy1WPLb6n0TpiG+YBgxNFHJRYUFs6msH0q7nkyqXdxAQlJGY+zaC4ZdWLWHwHn+WZ\/DS4CVjHWxcZO1yXsE3+01\/qdVdUXJfSbkDgtzO1C3y1XDI65aDxPE6s15r+0572sIbWkPjG5VtXn02NkJiUT2Y2Jl93kMDE4Ck920FZuNYZCOscatRk8gMWgFKrMeA4sqnaFe0E8+9Xpg1thlVu6EQwEaIm1fVyi1Japbx37VFmZrANtDXlErvXra3E\/e1xGhAY2l3S14yWBB16mmpVpdtp5j+WdWACG\/Jpf3LOsYEfMtp5ELZL1oH9oYz6KXIKMB2PnPgEFMOGIpdvv7xf7HVK8SfK0uaz9kPRp1iSLpmyyF88KN1BD\/Lvvfb7PffLGXJMuD\/N6iVrL\/+goPzt6vy7tbsMbrAkXqDv8m2W3IP2OQ3D3AJsuyW3w\/djwzeU6TB1WiUm2dLsdXg22USbPqdahmj97UZSVssWCBbgnZ9QWCxQhseKb8Y7U6p1emWr\/O0GpfYGzZK4SQbLA7n8PEPBQWWU1KlrIdlrIDSSmWVN0R5PlCYBH\/EyN02VA30Gi6I5sMO0b76KZaXdaFl7gcREn6qU\/+hHzHHIoRoKfVErvKgF2l09ZCAzSAyOI9o81XsL3bSUTjO4YIdgy+wKRcsqQUy3gDLCnPTV+YGRRVZg0+c5x3oZbQ0xdPDYq+ej3gxqqG0Dwulc5ueddcACK1h2pxderzMDCRK3QwS+poq5MjkJ2W7BfOUzB6I5M2dgFBsNKf6UxK61w7dd+l5RCxBxA92lhfXYAXQEDKRkhKCUSZnr70fH297A4ZkLdMaMQFlurPX1fJnGN+K4V+O6cjn4B0Tqz5iIW\/zl0XIlXJfDUO\/0XBvnmuXobJKbM10bMTUT5JDNMpE0eOKXOO39KXYLXe7uo3UOiF7Ldlk+9d\/d0ck20b0abJq2dyWeA+4pVCSMlSdC6MfOMu9\/a+8hLc81lVOQjmdYMOUgmjAI1UfuVQhqhgBr6aqJq0TGDWqPU+y7\/Ezkt2aS9hkKwJymSlrW0hrCMyk5idxo7cXbaIbeu3U5Detg6J2fp7xrmZS\/f1VhNvbTA4Tvvtt2cbboN9QKKKwnDJMJBl17zrT+YLAyE2dwlHPPQw7iZzLUQqy+wpOCDcvWjs85ooQ2CRwExeR2gFaD5Jk1wlTOPEp\/N5L8F\/66Rwr0+FVDaSVxO622XibqN+CZx8asn86iTyXnzFVbAHr+P2ecgwNeg87iUHBJtgMHlD1d5YCTtEHXMMc2H00F6DWcaO0P3xI\/RMtvPn3z0laWfPzrbYIEV6m7402AobBCa4QBZxM7m8M9y5DM5aRG2FgSivChgEaIwCeRj3TrgjVroU9EP983VlyLDF3QuZ1QX7gDKS15HV7JvNSl6nZieW6Dp9tCK5+W8bLU1QIe6WVaO7dtvqory9kaUygnkRnJXQfOxEOhIVn90B1+rSMSEfQ3wQX7EZG\/p45MuDJA8GM4xSOFYKQfTn5PVTCZOsF4Rion9Y0nTLl8MXaaCEwDB6zBq7wg5I2j0obxitlNpOJ0vGfL3Dgmjq6n3ZCNtGQTx4CBuJ1oB9QkI7g1DbmskgQcc14F5mWb6nSMA6KBkTF9LX7QNYlRv1mFnZfU1ie84IkfSZMNvydka9IXlpLCq0IbMQ3KrfWgVHCQH\/q2MwErA7oG4qHndhngDcmS3DARBInsm66ZB6alspHruI\/1Vqe6loI948U1FfdRvDYASFXnrqsVsQw80W4j3XXY3\/rs976WYYzdS2EyN+q+OoTeclx3erV1TS\/U7cPyhMOGuh0k83Z69XzylNfNgnqGQ3wJthx52rIG6cj1WfN1Gl2V5QhHkG93Iv0FZrchP3rcXa1AXFAgPOfSvBGP7AaPDz2x\/foa3unK2U9BJBdsF6smt4kW6VW46XzznCI4LpH6H68QSMCCZyaebSsqhAImmQ8qvB2LKzsQdHfx3k5nKZLdnXFt6ZS1f5x5iy9KQIc0yQsRU0zCtkZMLcs+GOkympT7iND2VlkPo2lkMDw7q1hXjmUgMpWzPHkvfCuksPYX3eFud9ZI7pFT8KKY+F8cp8TxbZz38nyNvkvI\/r61XlvC8R5nrO8vW0ZCVasr\/LXxPTOQnZcd\/jdpHK+hkyHZzruG\/VHXPPG+T5Y5aSM0jfzg27l7sh1aFc\/q+8YHzoqTX+J7vW9HZ2qvnvz6+zVRslZFOfkIyBSsFL61wnJUzFzKTpBQtA6+hK4i2\/3jpFf\/hyjn9II1wNxL91QhnvE\/rGWaPcsXFIzvwAcYLLy0c0VpcHkeCmnr3il\/9zRdOmQroGB4TcwOnm397yD7a4KRDmd7aBFutW2mCpvJDT+GXvqxQCIV4ttxE6pemQpbpnF10wh\/l9STmnrftp+8nyLnlbnLdVk\/fBenv1bpgkU\/I472SQl9tsplhW691oP1mCVwgJPWV3kUjihm1P9Zq09di\/MjVzr6h23Cx5\/bJECW5fc64qMO6qOW7QHIS1D7iXuyEVcrgQzODVLQWh\/cL1wXK521mLeXbdrMNDesxMSt7SpsSHpUNIZJKUbhsf06q5CPtMyJgB8VhcTR5FmjpqYkK9cU0+0RBW57VjdanVjM9NixIYKRJM7ui3BhAG6qKs3oAPE1SLta8FSXCTf\/qy3leqM6x8ebDZkPHQ+FBl\/q3reXUdbbn5VSI52ICM8+eas3MsgW9COZqow1fjgYKJgetKiXW52Xz3YUbZHTNPeO91m7wuEGR\/7Za83OYOPx\/X91VveF2xfvploPZ3BhxvDzrmQ0\/LwS2mLL6W0m7uhBZYG1zWZVXG7\/wErhVRDFg7DZKHEw+c\/WDcTG1ccHXzx+mD3EtZ+wtcm5LCkOnbdXH5CxOIATYCw0llF5VBJt4KoVhMnv643cl\/\/11Dx2kLidOE9KQK0btlzrIyb3rS\/meliU52bE0FafkEZSVwYS03eSyJtfFNjuuxuW1GYqO+lW714spbJxfgAAjX7Kquy\/SyIWOnLdia3G3RvEGQ8dUETGweZGz5InlfpN0v+ptfFtw49lWN06t4kfsRAi\/+ctOwWPkQZ6e1eQb7dDtpgT7b6uT\/t9UgJXOZlajNJFNedLinWLRFcipwkhU9QZnPxs2FVgqjIbZUrUlrzi06ASilOxK7DoEF\/LXVt04caOz6fRI5ImLUSLX01Mtl2nGwfcWaJrGyYpiM1CRr7DJKNhbx1+E7j92eey+yjeF2i817ddxnJbeGtg\/oDl+wTs4IB3aQbk4wBrBevwMRERFitTZC0yrWdt+Yig2hilhnT117qia6m+1vhtqea34apC0jKInAvSKV7GF3tHj7hJbCVr1H8uqAhcx6UtT5+OxUGyIiIgyRNZxURQwmKpBbp74AOiFr5g\/b88CNq3UaUTHIDlxYrij0\/UVQH4ZVGDeYLtNL\/nCCpS5hASIiIjS01dpIVKv6YuXVLWTGuoaPNj0xeaDiT8bAhh5o1W5akxGpjsTOzePUdXOWS7RcNmmGzOgXNuCzn1Nu\/JIRERHaj+x8Tyq0XqNTpM2YOTjmdGcLa85GS1coyFacpMfLqqC5eadTIZVdp1HqBZwkDyWyzcN7iys\/m+rACyAneORikF9ViGBExMtCKlMVjQi27y02xi4jMHNrbQb\/xiUs5K4dudoF+UjHeLrRtpXWZjkeWTHRr0RgpG+Q351LTgIjlF5T441dzuBF9z762ckleEE81TNwIiL+NJBq9w+YlSuNKMUiNFNh8TpTH77pqIuFdcoWpn3OUpD2+RqSK3su+BBLslFbBnZA7tTtwHZty9R+MHCdzYOPzp2MBIyIqEDJzCY939jOgEIXTZWYRQWcP9hMoAAzaQKtugzFe01twEgh3a0IzgOd2K2Wp4LhdLGDFFiuA5CRyjktrkyfnIOIiIgdSGWxAGdddv4j+Wp2IRC3TgoD7lgeyJ4QSmfnbHK6uPYXKwhHu1CSvmQCRKqlMoeXEbLFlfNTyxAREVEL40e2C8M7LxKWDNAFt5wKrE8NAkKKtbQcTUumruC\/LY6cshyS39EbN1lL6PDnQwX545V3IoEjInaDHiMbbgHo1T8C2LgPZ+by0xjVT448HP\/vb+7pKU55xmr4hMyKNpssazsxYV+hLtjic+x0w8wmydeMzPcJMOWP8e4WbC5fmfxeYl4jIl5npDITqViVUkdQkl1cGgHLx+wStQhvJs9X\/ul0ByIiIg4FXECIlbk25toHbZAP1fQqsLZuUwyNjIg4RPCqdRHQQT6gMgwPsR4oEdCdlZ8eW4aIiIhDg9ROMSQnjMuHgziOYmcBIiIiDhXspAlCrPEoVYktUVUf\/vj4A4iIiDhU8OthhkymymwINAtnLTGJY1RVRMQhhCdy+KK00iwmhM+zHOd\/9cNjNyAiIuJQQta97GgKi0\/YvZiRYJPFcDvn7ciXRx8sn8bo242IOMT4f7xerYZ5\/0QxAAAAAElFTkSuQmCC","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"}]}],"computed":[],"custom_css":"[selector='Bg-containerAT'] {\n    background-color: #FFFFFF;\n}","created_at":"2024-04-08T14:21:11+00:00","updated_at":"2024-04-10T19:50:55+00:00","status":"ACTIVE","key":null,"watchers":[],"translations":null,"is_template":0,"asset_type":null,"projects":"[]","categories":[{"id":1,"uuid":"9b3977fb-43a4-4d9e-a550-d0893602744f","name":"Uncategorized","status":"ACTIVE","is_system":0,"created_at":"2024-01-31T14:28:03+00:00","updated_at":"2024-01-31T14:28:03+00:00","pivot":{"category_type":"ProcessMaker\\Models\\ScreenCategory","assignable_id":692,"category_id":1}}]}],"screen_categories":[],"scripts":[]}
\ No newline at end of file
+{"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,iVBORw0KGgoAAAANSUhEUgAAAPIAAAA4CAYAAADHG6V2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABheSURBVHgB7V1LbxxJco7IKlLUjB4k9mHsXtQCDM+sLJGt9UiiZ22odfB5pF8g6mLAJ1GAzxYJ+OaDpIuvon7BSH/AQ2FndyjOAtMk5YXhi1oHe72zsxjOm+zuqnBEviqrWN18qKWhdvMDi12dVfnoqvoyIiMisxB2wewfvmolPXyPetSCDBr8OUl9PpAB8L795O99u98Hgh6hO67P7ecAXT6py1+6XaBuj5IfpJj85ZuUvHUcAZEYgACy00al2px7+Vc/PPYAIiIidgUOOjD72dfXE8AFyKmhydknNJ+cp29JmjF5+8y9Xo6YIeR9IuTjBYFBziFkYlOvR7TdA+wxobd7SExoZHKnP5+CZPZHpEnMp2OpTfgMFTxIVffe8tTUJkRERNRiB5Fnf/d5I0nH7vNuyxALQYhKTFjUZCYvdT1Z9Sf5zyJNPimQyD2WxlxIt4sinYXMkjb+Dz+F5K+nQCQzEPk2eWIjdnrZ2NXVvxhfg4iIiB1Q4RdN4rHxD8CTWFjMH6R1XlF7wXCfk4R0Fpp5WCfcWV2WdCpS0AtdfUwfyTb+aE+3JLbpTkozTo2pbvsXn353HSIiInbAE1lIrITERA35LgREdLyy3ENFhuCF1JR0Q/UikYKDpBmrC9HSHYIOwJWdf7pVbpV0GrYYNF2ELpowu/8LVvkhIiKiBE9klYwJiU858kIhgfV/QyviIatJsCqvJxvYHfdhiiFwEp3H2qj3vOps5Lg+ZSujasPCsTKFfQPBXel0ICIiwkMT+d1Pv55j4jVk35C3IA9ZDlkSejFpP0KyBXmkHCiX48e/Rq125ZX0bijncUDPeq1qn0zHjtyHiIgIj1T+sRT+F6sBe2KWyWNdQ2hIaJKs+kvaZeTPr+jNRjKbwTZW1XLyp1FpgK0Q0XUo9jwyY21zXk755b/73VetD39yfBkiIl4hzp27wEIPG7KvlFpqt1c6cAiQ/v1nX17NiU6HiTVuIHKjVK1Ra1JbcqIZ55ITsGDUatJczFH3AS7dquOkuSt5TfYd0ptqOhV7ku8wUrzNH8sQEfEqodR1/t+S3T70l/mjA4cAKgf1njFIlazQlfEpaeu1YRB5HZvsQSuZ7djYcc7Q1WxlSe3kevGtqNcbt2x7qEb3tmmt1rPPJyEiIoLHyATNQC3eYVEujiF5C7T8V+jEZkktzqvWZqsOFz1D8V2k8uCQFNuGmra5tOx40oKIiAht7GoaiaolLoaEIfJOIDe2ddZpgjzHkIVoZanSu1YqV8a5pbLB69G1LmhnMfflhx2GzdzvqwZERERYY1eNkUtgjEzgCB4CjU85R9cJWHFtTdwlP7NWut0ou0hHz1RdSOY6k8IkToUcJmd0MwfIagt0EiIiIgyRBfn/fEtZ56sv4JtsUtPFqtDaLC02K2FqDoWfKWNuyfc3xh/DiaOP8cRERwiW+QK1HCfKMsNMZqqk5dwBKON8ugzaaICntP2sZ81ngQZNpgS7bwxoaDsJKkJNIiL+7KGJ3F/9DHpPPhNWaAln3E3o9wJHkTVo6/1NldO13/zrhWU4GJaaC59MJpDfYW5epx6go7F3cgEVbijth86NC8x5uHOCg2J6+tI8l6GNZevrqwuNZmvyRP71HGEyA6b4Te6YHm9srD6sy3+meaGZ5nhV9vuKHv62/XFbXBNs1ZQOqpGqZO6TT379PMxz9uw7LVTJe/zDJl0dlGePnj79zTLsgkr7Grxt8sVZ67IL5L92cYHU5JW628N+3452J8l1n5fr5qHVo42Nj5d2q/d49s1Vd02KevO1QXmr1/VbeLNj2y5lTEr+nsJ74W+utG9PbQvuRaNa7rnmxauYQ1POU+qNu+328r4m7IQuKlKqs9FeWQqPv92cbYzn+XV+lpu6btD2osfD7uXZ5mxL5XnLtEktbcLEZnhdcPbD/6Xef/zeUtW5esGzqTp+db5jFq5z7dvnH8AI8Df//MsPxv9xpuUrpUD6ogn+wiCYpGgLLqy8dXwRDoDpmUvPwD5cXcTT40QfQPGgBnXAcoJHr1Vvpr5ZSt3X5+T5DaWQrf/mARQkKmk4IsuNGyO6j9ZtUYMOt+HKoJvInc5NvjUL/PtrrfTs5ru7sf7xrbpjmhik3q/7bbvVrR84IsnbHJS3j/k16cQG5K29psPqDa8ru0UXFOJcTRmb/FzMfwkTj47Td+/XXlfOyx107bMxPT1721zPGpBOP83lS8dQuo+6fTOXPnD15Zhdedoud8L2dz/zxSFd22gXneXQuoe0e3r64gK36bYrk9lxB4Lrovr/+SW3NmHZnBKmCco+jvEmaWMJEadDmgAF5/D2bFQkFvCFWZTZVaCnPzJl+5zmZlfJXGc7LdLNvJL5z3oudDcfiWodPHAd0r5p2gza1sryb24PLYB9iyGJQ4hUkvKHkFifJuc0+dzqAS3lEe4OIrFuI6r5c9MX7lTT5aHiOxaQSX4Xtc22e932ugQk1vnDDo3LVx9IPdV6a0jcqeYdVK8Dk3hezpN7wnf+IRQ+W5agdPckfXcnuK6dUmbEhbPNd1rVMs31DIlEm6Z8G5PA+Xi7DAcEd9j+WeG2LQ0nsam71Hau32iLg1ElsUDlm2xlGnNkVUxiTVYAvaVMaGXILccdoceSxzBC9Pv9tp8GKWNlJmku5O0JaXMhM8q+ITXo+dDQRz1NckRosAZwY33tyemNtSdX1tdWp/iC+l5RiDLsgXMPk9w4tuVfEQnvevET+dZNKC56R45zPSib7ENxExt5/u2OG8jS6XZQ0T2FR6ckr3zywVthG6sPrnmobAeA9EDhG6f5t52XjUlyeljd+oHf0e7VKdlMXt8ZTI7nNL+zXp+3zVL7vFzbIu/w3xxgkn/zLbknG2ur1xRunw/rZRLMsb720F6T03JdeCjmBUxCWt0uoXw9zTUx5T+5ErStAQeAdGD8DMz54oNnSHd2AYnN87Y6ZZ63J6fDe8m/+c6w5823j8uX+yLXVwlBNVlZN9QE5n0jfT15iSyxVcISW6Rykj6HEaJ998omdcksSOAXJUC7mIEsXEBg5j/b43bL+3DwQXIA03OWxzHr7ZUFCiLH8vy7ueGF0OLa2pMbT9sryyV1Ecnn4yt8RY6777KvDJntuXgzLPLcuYsi5RuujevtJ/NOxZfP9fZHd/mJ8A+LyhOvFTSbzcngoeqst1fnwuGBhBbyQ3AjqLv80JsIJvPbMbsRtlvyKuxe8RIWoZSXydUMfnNJ9TZ5k2vBye/BQFCbf/PdIm+bbQpQUju5A7sV/q5EdX3HQBUt6EzzXWlXw37tKHhjfug12SdCaSydbhi+OZZlreJQ3fNWvpe7P29wS55RuS9yfZVXm0Uqy2fipHEiA3Uhrlap5RxKlSF9qmDU0Kq1V6XBEhfMskF2oQInlY16TSOTyBlm9cOEPA/TGzAECtRSNU3I5PJJp1AXlytpQYcx2eQxrTvG5gG/z2a+R1CDvlJedeNOw6uE/f5EoRIT1C7IYMnZsV8boRRAawg05+00xgmpgryTZQnihwGb9b/51+0iLw4af4vBdcfYO0lUmNaplm/a5VX4Rilv1i++8zWpM2KZa0L7Mm4Jzpy50Aw7TmbK3fA4S+eW2x/0vOWqEBx872dgMDphBydQRm0WFToxpB3jLUmB9Hg41RJayGv2C5V75JBVSAKJrElcltKa6HlA7nxERB7D8Wd16dx7ddw+X9iBPutBJA3JxN3UF4Pys87hNZx+QCAIHkTWP2ofrnH4thOUVBAR86AcasMAUDA+Q+yeLNLRp9eNNQWKpSFhfkO2+tJhsjp+LvLijV3yvgBwABFpT9dkcP7BSMaUt1Gw2rxYfR447ZTbH/S8pcG9yIcJjpqOOdWSuJgSoX1LZHy1WPLb6n0TpiG+YBgxNFHJRYUFs6msH0q7nkyqXdxAQlJGY+zaC4ZdWLWHwHn+WZ/DS4CVjHWxcZO1yXsE3+01/qdVdUXJfSbkDgtzO1C3y1XDI65aDxPE6s15r+0572sIbWkPjG5VtXn02NkJiUT2Y2Jl93kMDE4Ck920FZuNYZCOscatRk8gMWgFKrMeA4sqnaFe0E8+9Xpg1thlVu6EQwEaIm1fVyi1Japbx37VFmZrANtDXlErvXra3E/e1xGhAY2l3S14yWBB16mmpVpdtp5j+WdWACG/Jpf3LOsYEfMtp5ELZL1oH9oYz6KXIKMB2PnPgEFMOGIpdvv7xf7HVK8SfK0uaz9kPRp1iSLpmyyF88KN1BD/Lvvfb7PffLGXJMuD/N6iVrL/+goPzt6vy7tbsMbrAkXqDv8m2W3IP2OQ3D3AJsuyW3w/djwzeU6TB1WiUm2dLsdXg22USbPqdahmj97UZSVssWCBbgnZ9QWCxQhseKb8Y7U6p1emWr/O0GpfYGzZK4SQbLA7n8PEPBQWWU1KlrIdlrIDSSmWVN0R5PlCYBH/EyN02VA30Gi6I5sMO0b76KZaXdaFl7gcREn6qU/+hHzHHIoRoKfVErvKgF2l09ZCAzSAyOI9o81XsL3bSUTjO4YIdgy+wKRcsqQUy3gDLCnPTV+YGRRVZg0+c5x3oZbQ0xdPDYq+ej3gxqqG0Dwulc5ueddcACK1h2pxderzMDCRK3QwS+poq5MjkJ2W7BfOUzB6I5M2dgFBsNKf6UxK61w7dd+l5RCxBxA92lhfXYAXQEDKRkhKCUSZnr70fH297A4ZkLdMaMQFlurPX1fJnGN+K4V+O6cjn4B0Tqz5iIW/zl0XIlXJfDUO/0XBvnmuXobJKbM10bMTUT5JDNMpE0eOKXOO39KXYLXe7uo3UOiF7Ldlk+9d/d0ck20b0abJq2dyWeA+4pVCSMlSdC6MfOMu9/a+8hLc81lVOQjmdYMOUgmjAI1UfuVQhqhgBr6aqJq0TGDWqPU+y7/Ezkt2aS9hkKwJymSlrW0hrCMyk5idxo7cXbaIbeu3U5Detg6J2fp7xrmZS/f1VhNvbTA4Tvvtt2cbboN9QKKKwnDJMJBl17zrT+YLAyE2dwlHPPQw7iZzLUQqy+wpOCDcvWjs85ooQ2CRwExeR2gFaD5Jk1wlTOPEp/N5L8F/66Rwr0+FVDaSVxO622XibqN+CZx8asn86iTyXnzFVbAHr+P2ecgwNeg87iUHBJtgMHlD1d5YCTtEHXMMc2H00F6DWcaO0P3xI/RMtvPn3z0laWfPzrbYIEV6m7402AobBCa4QBZxM7m8M9y5DM5aRG2FgSivChgEaIwCeRj3TrgjVroU9EP983VlyLDF3QuZ1QX7gDKS15HV7JvNSl6nZieW6Dp9tCK5+W8bLU1QIe6WVaO7dtvqory9kaUygnkRnJXQfOxEOhIVn90B1+rSMSEfQ3wQX7EZG/p45MuDJA8GM4xSOFYKQfTn5PVTCZOsF4Rion9Y0nTLl8MXaaCEwDB6zBq7wg5I2j0obxitlNpOJ0vGfL3Dgmjq6n3ZCNtGQTx4CBuJ1oB9QkI7g1DbmskgQcc14F5mWb6nSMA6KBkTF9LX7QNYlRv1mFnZfU1ie84IkfSZMNvydka9IXlpLCq0IbMQ3KrfWgVHCQH/q2MwErA7oG4qHndhngDcmS3DARBInsm66ZB6alspHruI/1Vqe6loI948U1FfdRvDYASFXnrqsVsQw80W4j3XXY3/rs976WYYzdS2EyN+q+OoTeclx3erV1TS/U7cPyhMOGuh0k83Z69XzylNfNgnqGQ3wJthx52rIG6cj1WfN1Gl2V5QhHkG93Iv0FZrchP3rcXa1AXFAgPOfSvBGP7AaPDz2x/foa3unK2U9BJBdsF6smt4kW6VW46XzznCI4LpH6H68QSMCCZyaebSsqhAImmQ8qvB2LKzsQdHfx3k5nKZLdnXFt6ZS1f5x5iy9KQIc0yQsRU0zCtkZMLcs+GOkympT7iND2VlkPo2lkMDw7q1hXjmUgMpWzPHkvfCuksPYX3eFud9ZI7pFT8KKY+F8cp8TxbZz38nyNvkvI/r61XlvC8R5nrO8vW0ZCVasr/LXxPTOQnZcd/jdpHK+hkyHZzruG/VHXPPG+T5Y5aSM0jfzg27l7sh1aFc/q+8YHzoqTX+J7vW9HZ2qvnvz6+zVRslZFOfkIyBSsFL61wnJUzFzKTpBQtA6+hK4i2/3jpFf/hyjn9II1wNxL91QhnvE/rGWaPcsXFIzvwAcYLLy0c0VpcHkeCmnr3il/9zRdOmQroGB4TcwOnm397yD7a4KRDmd7aBFutW2mCpvJDT+GXvqxQCIV4ttxE6pemQpbpnF10wh/l9STmnrftp+8nyLnlbnLdVk/fBenv1bpgkU/I472SQl9tsplhW691oP1mCVwgJPWV3kUjihm1P9Zq09di/MjVzr6h23Cx5/bJECW5fc64qMO6qOW7QHIS1D7iXuyEVcrgQzODVLQWh/cL1wXK521mLeXbdrMNDesxMSt7SpsSHpUNIZJKUbhsf06q5CPtMyJgB8VhcTR5FmjpqYkK9cU0+0RBW57VjdanVjM9NixIYKRJM7ui3BhAG6qKs3oAPE1SLta8FSXCTf/qy3leqM6x8ebDZkPHQ+FBl/q3reXUdbbn5VSI52ICM8+eas3MsgW9COZqow1fjgYKJgetKiXW52Xz3YUbZHTNPeO91m7wuEGR/7Za83OYOPx/X91VveF2xfvploPZ3BhxvDzrmQ0/LwS2mLL6W0m7uhBZYG1zWZVXG7/wErhVRDFg7DZKHEw+c/WDcTG1ccHXzx+mD3EtZ+wtcm5LCkOnbdXH5CxOIATYCw0llF5VBJt4KoVhMnv643cl//11Dx2kLidOE9KQK0btlzrIyb3rS/meliU52bE0FafkEZSVwYS03eSyJtfFNjuuxuW1GYqO+lW714spbJxfgAAjX7Kquy/SyIWOnLdia3G3RvEGQ8dUETGweZGz5InlfpN0v+ptfFtw49lWN06t4kfsRAi/+ctOwWPkQZ6e1eQb7dDtpgT7b6uT/t9UgJXOZlajNJFNedLinWLRFcipwkhU9QZnPxs2FVgqjIbZUrUlrzi06ASilOxK7DoEF/LXVt04caOz6fRI5ImLUSLX01Mtl2nGwfcWaJrGyYpiM1CRr7DJKNhbx1+E7j92eey+yjeF2i817ddxnJbeGtg/oDl+wTs4IB3aQbk4wBrBevwMRERFitTZC0yrWdt+Yig2hilhnT117qia6m+1vhtqea34apC0jKInAvSKV7GF3tHj7hJbCVr1H8uqAhcx6UtT5+OxUGyIiIgyRNZxURQwmKpBbp74AOiFr5g/b88CNq3UaUTHIDlxYrij0/UVQH4ZVGDeYLtNL/nCCpS5hASIiIjS01dpIVKv6YuXVLWTGuoaPNj0xeaDiT8bAhh5o1W5akxGpjsTOzePUdXOWS7RcNmmGzOgXNuCzn1Nu/JIRERHaj+x8Tyq0XqNTpM2YOTjmdGcLa85GS1coyFacpMfLqqC5eadTIZVdp1HqBZwkDyWyzcN7iys/m+rACyAneORikF9ViGBExMtCKlMVjQi27y02xi4jMHNrbQb/xiUs5K4dudoF+UjHeLrRtpXWZjkeWTHRr0RgpG+Q351LTgIjlF5T441dzuBF9z762ckleEE81TNwIiL+NJBq9w+YlSuNKMUiNFNh8TpTH77pqIuFdcoWpn3OUpD2+RqSK3su+BBLslFbBnZA7tTtwHZty9R+MHCdzYOPzp2MBIyIqEDJzCY939jOgEIXTZWYRQWcP9hMoAAzaQKtugzFe01twEgh3a0IzgOd2K2Wp4LhdLGDFFiuA5CRyjktrkyfnIOIiIgdSGWxAGdddv4j+Wp2IRC3TgoD7lgeyJ4QSmfnbHK6uPYXKwhHu1CSvmQCRKqlMoeXEbLFlfNTyxAREVEL40e2C8M7LxKWDNAFt5wKrE8NAkKKtbQcTUumruC/LY6cshyS39EbN1lL6PDnQwX545V3IoEjInaDHiMbbgHo1T8C2LgPZ+by0xjVT448HP/vb+7pKU55xmr4hMyKNpssazsxYV+hLtjic+x0w8wmydeMzPcJMOWP8e4WbC5fmfxeYl4jIl5npDITqViVUkdQkl1cGgHLx+wStQhvJs9X/ul0ByIiIg4FXECIlbk25toHbZAP1fQqsLZuUwyNjIg4RPCqdRHQQT6gMgwPsR4oEdCdlZ8eW4aIiIhDg9ROMSQnjMuHgziOYmcBIiIiDhXspAlCrPEoVYktUVUf/vj4A4iIiDhU8OthhkymymwINAtnLTGJY1RVRMQhhCdy+KK00iwmhM+zHOd/9cNjNyAiIuJQQta97GgKi0/YvZiRYJPFcDvn7ciXRx8sn8bo242IOMT4f7xerYZ5/0QxAAAAAElFTkSuQmCC\\\", \\\"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
diff --git a/Default Templates/paper_template/screen_template_export.json b/Default Templates/paper_template/screen_template_export.json
index 815417b..38d1dfa 100644
--- a/Default Templates/paper_template/screen_template_export.json	
+++ b/Default Templates/paper_template/screen_template_export.json	
@@ -1 +1 @@
-{"type":"screen_package","version":"2","screens":[{"id":413,"uuid":"9b73c04c-8cb6-4712-a8b1-9fcdca516e0c","screen_category_id":"1","title":"PLG - PaperTemplate","description":"PLG - PaperTemplate","type":"FORM","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":460,"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,iVBORw0KGgoAAAANSUhEUgAAAPIAAAA4CAYAAADHG6V2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABh0SURBVHgB7V1LcxxHcs6sHlCkJIrkPhxh2REcHtZerUlguLsiGfI6BB58Fuk\/QCjC4avACJ+XYPjog6CTjyJ\/gahfIDAsrfiQg0OAknzTyOHwerXaJfUkMI9KZ2Y9unqmZ\/AacCG5PnHUz+oqVNdXmZWZVY2wCX71+6\/mqYev0IB4C03owxHqEcIAiXoW+RioT8DHsiWQa3qOfwPQY+pbwo0eQq8H1O0RdHtQ\/KCBxU+egeKvD\/NNwIkA+b9HfNAhxDYWZuW9Y4euQ0ZGxqbAcRde+uzrBTRwhSl2nLoJYQNB+8AEDURVIvM50nOO6PyQXkhjlcC40UXq8QNkv8vEFkL\/\/BjMnPuxLw0\/gzgtb4XYFqBjBvZ640B\/eeXYsUeQkZFRixEizz983Oz1B2\/Krp4gJ10hkFj3laCOsAnBA8nDPZHkPSvkBeo5aSwkpg2+2OMtH8\/8\/fPUOPkDUBLXF\/OT7gb9w92\/fLYNGRkZIzDpwbnfMokH9h2WiC\/LMek\/v40HIjT1wJFOpacqxnpdfqxko9xDLoU76ymKfg\/Rb\/ln1\/6AgcRlNmWWvDlx4Cm4d+6zx5cgIyNjBJHIQuJihklM1AykUtKRI6YyTvYDA4XJ6BgeiK5pKJXy6M76NIHEFHnqYH\/3OCGtT4kY7w8ocHDtbz\/PZM7IGEYkspIY4LiOU4dB5Y51CnA8g47PXjqX9yMk55W5pbT1ZHf9hAjvdatj4hHy1pZlsHyO1X\/IyMiIUCKLYUslsWB4nOoYBoGykbFoVMMWsgXhmvBYWZyC0Fumw40GXLogo8GJ6Zitintn+KpIa8QjhRvDZ2RkeDTkf2jwShj7jlqbhEjWCdGgPutJq\/uOjOjor8RzPHYkhyBVVToHN5PmQ4HC7Gwyw1kiWVcWFdleq6dwLGP4X\/32q\/l3\/\/zwCmRkPEGcap1bQGuPy37XmOv\/2b7VgX2Axt99\/uUF66Wx8+UKzyhKRCasGyc7kgrZHUk9zZCcYctLbKpIdG8UI0ysXQqXBEOfMNx\/ePLqriewL090UdkG\/povr0BGxhME66GXuHXOy\/7MYLDCmw7sAxgL5pVw4IxWhFHygYvSwGE92Ulg7\/NNTgNVBrnkx7joU6QW69Jq7WX5kLErqtTSUfitPpOiGn9+\/uHDo5CRkSEjVWiNnEUvXbG0QRNiOYIlQm\/kCgNiiqpzSscgnav2aOe9oorleqSv8GK6NIANGb7kendw4GXIyMiABhOlZYkoWpm9pC3Va0+q+M9JUevHwqVEDjeQl8QU\/cwUbNRxjyAV9PoQC9HFBQAjricnmUmThTTWYhMyMjKg4XXWaIiCwORURqIbDHtWoxAV\/dYn1zQQVGenDrtewZvBgnRVMsqWIAysXdY2VZtL\/5bjNrmhNpUdhw6XaZBV64wMEKu1V57tf3+DtvP1I3jsyBEkshAO2c3LRmqnW4uxWtJYH9311IEV+MGhFfPcM52BGbBDugAYDNzT+ckD7Rv4nFq5u2Ii147BsMGAnzcP4ruWR\/ZCJBdWOwsIj3Ims3iGICMjw6Mhqm\/v9u+hf\/sPsluRcCWPvI1ZlOZSIj5ii\/aFe\/9y5ibsDNdbV+4dRTtYZmpfEiL7gM3qMLsMEw3+qugHq3OWbRWzs2df4yfo37u6eudqqzV\/1MLjS9x5qM2A\/\/ZHxtDNdvvOjbr0P2u92GpYVENh39DbH7XvtsU1YcjyuB2bxhQL9+795tM0Tat1bt5aeiXUs8tj8Ha7\/cEKbIJq+bDJqbn+oW3YBdLexAUymlbfX3vS3zdcbn7Xl0JazRvNjdX2reub5QvwzQX+O19O8+VevD0u7XC9HoBnOr7s8\/yMo67c+Eb6N1fLt9WyxXfRHH7uqdaZC2hhTu4z5mk+t7KtCTupi4rR4fZ1fSjvJou1BZaOc5K3qxdamfQuT3J5jbVqExK310E4+CitFzz77v\/Y\/jufYRmMgT52I8Art6rYlm4hPrXwH1dOT6ysreIX\/\/zuOzP\/NPcy+gCQJO7a544hLox9zv660\/KXbr1w+CrsALNzZz\/hTVP2WTs4wXaCd8JxCs5mpcBDF4df5qlTLy6gMW+6m4j3kRssXAjXC1M0A5HlxXH9vklhIsooOlyG8+Ne4mzr7CLncSW89BGQXV5dvXu57lKLiWHJvFX3t22WtzY4IknbGpe2j\/aidGJj0tbW6aR8h+p1id\/4wugz6BFrdosGDr5N9Pit2npFurravrNUl\/Fs69ySq88acDpuYce5qS3IYfoeBXNzZ98J+ZG182trd2\/W\/N2fxJJauLC2dvvtLeU9odyzs2eucF0suWcOLqApliGpFzN48CWKOoyN+EPgLfFPtwXLy0ZD95G3VOi5zrRILBhQ76qbKaUqNqsI4GZZibodp0KCm13VlfvQzbCyMBUkDa5D6pumSFruSLjn\/ubKpPTcvS2kJE6h0pCfP4HEAm30ToJVIb079yavjyWxFtIszs6++Ppo3tKoMCGT\/l1t\/9s0b18vCYklPaUdWrPBz5d8RvMdIXFnOO24fMu\/CxblPnkn3BJuQPTZcl1w52Xh2+WkXjuVtIRXTrZ+OT\/8SFefKZFYguvzfUwCp2MSz8MOwZpBfDaX+dpkEru8K2Xn\/LXjnoBhEguM\/ULGtSVZmcBEDX49kbzuHM4Isfm+Gb4201iBaWLADavnx8kyx9lNhSToox5jj1+pmzJJjsxWjsF2p8RkrpQB4cLq\/dsn1u7fPr96\/84xJsBSvMpEmdTgMPTQ\/OKkl+51y17cwro2Rn9rR65zPig\/skbSdUIZrP32tZFnJy+eO4vlL\/HQMUkrW87wclrG4YbrGpVX3bhsX+LTJzjtafl1WQuZlLc2+JFy3zkmP5\/WdwZ4lFXU10bzjWnbgz61pG6TtJ1x+Q799dwJwqK8k7X7dy4aPHQ6zZdbxiUhuK+TE1qnRFHAFGQujTwxrU9fJ+75t88nZWvCDqCal5fkgh6aq+m1lMSuvd055trb7ROVd8kd98QOzpePO8IleS\/9nj1thKhCTjVSiWQuCpQfqERuyDUhukhtJCe5EWcOdGCKaC+ffxSlrhBWfl031znMfVZSq4Qmv2CBuzYNyAv9cLU6pnqweusqJZFj1k6edSWVyo3tVVG1Pv44GRsTxXTcUM6nqtja2vs35Vy810mgCBmrgX9p2ruv3r7c8Sq+bFdXby9D0uEYW8TgHmkISaPqSNk6yfBAQgst4qtl3mUD1Gcl5ebGspCWW9Iyqc5HCYtUScv5tpK\/+eKHH965n6btY3Ex+ZtrNRn\/pPaD1dtvhCMZ3rA+VhlKMVkup39XYZ5eTMoxn97bar0k5Wr6w85X+PTliXWyTVSkMXe6afjmINHI6trb8LvcvL3B4gO27ch7+eiju22jhBWiiuRlQjtV2kAgtv4apTR2xwamjp77kVenhaS2ZwNx0ZMYvdSO90wFlq7Vn7dpZTdhAvpsgBg+53tVTSedQl1crpwrOww8KsaecC0YXHxZao1SbCCJqhvX0nx5ZT0+h2usXZf2QfvWCiTSMZUCXKa4PzwOFDibAXZCuYckiN+nR3V\/80ft37TLfHHc+Fs0nZFyF2DSc53h57tyRRW+mV4bQD8eS510aoxYrk5oW8Ytgdgi0o6zx4az9LozgnqMaW\/WQKxnNhWNrRd5ftrBueezGi0\/JSub7VAlcEPVaWgEEsv1BgRJbc30iSwSOUpbUZt1\/S90q4wESdxHlcy6Wokcd2EqaDRmOnXni6KI54ct+pWyjyFpSqZJjcMAdWKeAzhS5pk2RByTPtWOynH0AGzcR4I2jAEm4zPE7pG683VjTQFLr8ti6NNf\/dOPDo+fk7SvTk67G4ypqwFtqU7G1\/V4EJnXk4Ol0faAzbA3rr01kjq3yf0jedV0zA0hZ1jLI\/UtoYuIJhdN5f95y7YpEKaOXlpQAB8BUhquIQk0iWeeHCZVbErE8ffAthvHVuCt6aMvRBqt2fl74qpuc4Wr2muoeJMJOWJh9hK9JjHcCMMEsXpz2otbTvsdhNgTiKI2NOJumjbqOiETrNHBIu1UZ2foEpVbrdjOUs2qt5PS1jRg2lDrtJfGSuqw9hcfB2OX9cauKLWnZ+zaFcQfDN8zGHNQVLeOP1QLM1tdL20lbVfVyqiBtLaT9ruIigHNwiLsPTrDJxpKWiwlXrjgZWGIvxRpncZPw7Shxi4oQzLB50tuWqVb2gBK\/zLF2\/YDaF8TWabdsR+y\/tqYsb9I+p+yFD5QupGa3Ciusf99SfyZrGHcHOf3FrWSx\/rn2b\/xVl3azYI1vitAg8vsV4516NxNd97eLN1gMGB34ZmRNsPW\/6M7jXFiIhcaAOLI4cIiy7m\/cUaT4xF4jXYPxsgqaSvsDH8RaZyoRUNYWb2EcDeq4\/8nqHsMt+8bFUKyEet0366\/ZpCW\/GklpSxVLH7RcaSUIBHpCGbYkoulEeh7RmhsVaIQ0W7t79Fhx3TbbkMt1p64mJI15ulzdLe4CRZ7QaAeVGKtYyk05loKaF3ZklHzHigG31e0x1muUxAd+GIkoRuDX2VSXveknIdUys6+2BoXVeYNPq9y2qu1hG6dOTEu+uo7glCnatRk\/6yo2CubJfLBLRO1OG7nHdgG2NiFIZ55eMpRue92yICPldwDAqmvOCkIQdSv3bwrHA2wtrRvdOv9DaIba+xzhF0gIWWzQkqJKmud\/XS1zX7QzdNWCa1RTOc++a5KZvavLxbFM\/ctPb7Hh03RfMTC\/2CT2PmGaSwOx+HvFoZNkmKWRCE005r9xDJZCUG3DVRzq66pJRp44e7dC80aNmTR+i7qp2U2+nqM624he+r2ye\/LeeD7ZEumOyX\/U8aWIaSU4JJK5Nuk2OGatBIsUaa1T8I4tGfQIBVrYyfppfITB\/uRWXEtHGGVtI7M5Tk9ln3eihbu75s2hLDABBWSUrcrn5QhYKLKZ2ZgfQPDJ2fkHlRCb6DNRFbMzZ15U3518dYO4+O0xc8bfrANSOQbJOGSaSDLZpAItdJAiK1NwhH3PdbW7l4DXxcilX1E3o5Qvo\/t1YnRlXQCiY3MLtLJ+6iSWggtx+xqdlsAJfX0vU9KTOz2AYWc60LerpJXJLCek9+G2zqys5l7\/ckReSu+4hp0wo5NIqVGUU+0qlurPiBFwg4lokijihKD1paDWYjelNk68jt9+qXj7pnn5tkgRfI7NXfmrXFpMRl3h0AWmb0U0krnMj4ttsvylYEoTwrVYJvdQ4NjwrMJa2Kly\/bT73drO70wc0p+A3o8tt7rYISsQlS35Z8QOhDWOJKLwViXIAjXpiyRf\/mvH8+DknZDVWdIpbESmMksxPYS25F9A83R6fQo7A6o7UHdHNewv31fsXPPOMkjPfW4XpaSGUYy5koudcIO97C1L38ANgnFTA0kB9vJ+bESInU\/JcauTsx34qwtbMZyFKBpi2Im5js5Oqk23z1FWjYaMzXTayZN2CYkwCWJzR+ZDKIBNh5beZfbdWkaVqHRjYtV8urYOCGzJ7mo1IilCj5dJlO\/dwnWZezbV\/Xa\/eSYf+s8RvYE5rEzoR8n4wxB46+ehamA3QF1U\/FSAhDp0qfbBkXJI7OERqdD6tS2JB47nfdsTPJZWS7jsPoqZUyDEVAiqjx07JbEcLOFeGmrebeH4r\/r055dTKcQhjnJbY2jLjuvzfKViRHbnbi\/c0g4a6nS1wWppBMftgu2NJUGRW1TZcdtDd6vXhtub\/NHRZLHW5J3uRU0lLQw\/HUJtz5W1fUUAjZwqnEYv\/j1B8usIi\/oAUWjOPpsfVRoDBbRmFFzsMBi9s8AfnQQpgSNXGJVcEXM\/qJ2WbIXEpW3s7b2waaO\/jrIy8UQvicW3rmzF8C\/JM6nlYT2SXz5YppWGvip2bPL6PyORxuE97iMN2Q1i7oyDocGVvJmCzGnPS7fnta8CS6keYO1S5PTnn2ZW4krN59P51\/b1Hjl7r\/KL+v1JN85ft5Kbb7DafcQUp+zs+eWIfjE2QXGZZuv1Il2TkJ23Pa4XaTyqbmzK06LiR335fLamRvMH31nob0x1W5aa+Ysfbsw6V1uBiVyWNhWyevW6RJfk\/fYekeQMQRhlY6NfvPn\/\/ZfC27MPOOktIZ3GgnEdk8u\/E8wA+U5P7GKHn7dpD9+ewkHtinRWwb8CpuSo18FRJf3ik5j\/4jDB9D8zQ8JDkzRmS2Nicnixpkw1FHRoz7SRdgh5AXOzp69HBu2SCIfh5zmI9Mg0+l+AYU5dJXdG\/PgVUGShoDa4FJ0KtMhk7xPzp5bCsEc+vf5hMN5Pxia4TSalhsnhXnXZdVLNNOD1TuVmTgyJY\/THknylc7rQm2+exyXPAwJPeX6XICoiYzUSRvV7w4LsAMMd9wseeOyRAU+zdb+x2EqZVNtG+TaHJR1WvsuN0NDx74QJ0uUcxIwcRr75XdiVhv9eX4NC6qTy6J6WHjSu4BOMYx5ZrptsvpliDjBY4fB\/PAwqHNareHi2kJnYEN\/f+GXF+Lz5AxvjtlOxZ+aYsCGoeU+9W9yDq+VY0JdveGGTA6vn9lkHkb1k+jTSc+Xhs0+1BvOhwqJFJU8WBqwNHxQM1VQ4NXO034JHBl3pep1h8lw7Wvz9BudMeqpWJd\/1nrp7YIGr3MttraTt6QtA0Hqy702IS2X+VNmzqXt5Vup13bds0u1v94Aya34PreS2msh9HQouEWgdSlzfGdnzyxx411xz6qO30UbCvqrtVg7DZIl77VgP+hbtbNcDXnz5sRO3iVJG\/NaDbu7RtobntGhFPiw5sAzDJ91cBLSfx41hEjSH9c79nfrTSrYuVwY1K2RxQeMk8qBhG7BzGgVFxeWrmXv9t3imsbnG84pWTnHwvUA4IlePsP9JDtrYOnWT3a\/Ztfwukx7jSaPhw5tdI9UFiDYBl544aXjj5868EVnB2PL3aTdTbl3+zfvFZp+HNt5YuP0KnbzPlLgmX9\/5AegWC5xHURvWAwPkmPZfL7Rsf8rRDaRwFTI8kBGHVpKThf5WZK48CQeS3Lwvmo3Ldo9w6v4kk7Tq3uM88IwyfHC7Z8+t6Ox65+SyBkZ04YzdmH52YgQ4QwA4aunXkqTSsZyGXpI4rA938ktwKldQQjMDoPO8J0o9\/UK93yEZGiguTh7Vph6pdnq5Iionof1rmV\/0B9k8mVkgI+1FiAmX5sojcRQ7hm3yID\/5EPFbEEEwxHYyaDYUzBOg4xy35vR\/IIG\/kMX5Gc1hc+pYvULE+VXIaFz9+SxNmRkZMjsJ9mgn\/lbupvKrVe5fXCX3miCvgtYpW+KaArE8HVklbPxCzXRnQQQZzRVpzQlX41zhI69gaoAS5CRkaFo6HiVyg+uYfiecTxHJSfDeaO6M8bvMUWrtzeapdKcSts+YhDF8gzjr6RTFvXnTed6L7rPx\/iRu1fI2WnfYZPhTcjIyFA0gpgNTqewuIBXb5VRFFgL7pDCpbjmQPRWOQYjlj7oxP8cRW\/oENQ\/HdYuEAO2Wtww6M7l7f446tfyhYljHdgFSNeVCp9ueTIhghkZe4VGjJvG8NVSPUjW3CuNS6VxK1jDNDwEQmRYqmVT+PAiO9vU7zvsxvK+Lhp+dhDQabm8Nu3yoOX3XzhyHXYJNwMnI+P7gYZMU\/TfR3UCFCt2KAgGqpLkbvJEVLOt1Wgu9\/XGkMQbxYxXiMM4mIKrOnI2ZOLd1n6MXOkRAon12rX3Tx7JBMzIGIJbWEAXDGCayEICMkGiIAwLCqCbQIFx1pOBKEFV6y4N25CwH8uPnVOwbTlQYvGmMgAFIK4MFtbeo7Sg3F0s3Tr53KuQkZExgob6hp1wjGPYaJGO4dbeoRzOGH+PGqJMtEBjYjQLwSTBP+0Cx6rwhmqsGMTIB4kEvzPRyoDM0t25525CRkZGLRq6zI\/uln7foBDrhsrxKYALje5jcCMZKK1dgfxQkjCJ2C4fXnYa5CS6s02DF\/EAD\/nwU37sDSKzcvfFw5nAGRmboKGqNETZ69RdZ2iKA9n4AQpwwrn4i6du9D7pLx\/i48dyYcAnZ2YcXQcAhw64+x8f5P1Kdk+5T6Gmsw8lkZ8d9W13\/Yv2+WN\/kpjXjIzvMhp+RhGUgR8QZlBULMxxuVxRlwvTufePz38KGRkZ+wKNMGc4XVwAQ6hkGeEVAqedxJ74AayMjIwnDbeutXP7+KAP\/0m3xGBVklrJ3Hn\/+TxuzcjYT\/BL\/ZTxHOj9P0mMRmnDcqbnJcjIyNhXUCIn4ZF6MrE\/R9+w9z698d6Pn70OGRkZ+wq6nmz4iFsEVnaDd+raez96NkdVZWTsQ\/gZDS4ohMqpCpDMSHpoySwyiV+FjIyMfYkG68vqRqpEXRE8IjJtAtt+6uv+9ZUT2bebkbGf8X\/lttWcPmjJVwAAAABJRU5ErkJggg==","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"}]}],"computed":[],"custom_css":null,"created_at":"2024-02-29T13:48:17+00:00","updated_at":"2024-04-30T20:59:31+00:00","status":"ACTIVE","key":null,"watchers":[],"translations":null,"is_template":0,"asset_type":null,"projects":"[]","categories":[{"id":1,"uuid":"9b3977fb-43a4-4d9e-a550-d0893602744f","name":"Uncategorized","status":"ACTIVE","is_system":0,"created_at":"2024-01-31T14:28:03+00:00","updated_at":"2024-01-31T14:28:03+00:00","pivot":{"category_type":"ProcessMaker\\Models\\ScreenCategory","assignable_id":413,"category_id":1}}]},{"id":460,"uuid":"9b7e8ab1-8c92-4442-824a-2a7b9b34e851","screen_category_id":"1","title":"Style general - PLG - Health Savings Account","description":"Style general - PLG - Health Savings Account","type":"DISPLAY","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"}]}],"computed":[],"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}","created_at":"2024-03-05T22:32:30+00:00","updated_at":"2024-04-10T20:06:12+00:00","status":"ACTIVE","key":null,"watchers":[],"translations":null,"is_template":0,"asset_type":null,"projects":"[]","categories":[{"id":1,"uuid":"9b3977fb-43a4-4d9e-a550-d0893602744f","name":"Uncategorized","status":"ACTIVE","is_system":0,"created_at":"2024-01-31T14:28:03+00:00","updated_at":"2024-01-31T14:28:03+00:00","pivot":{"category_type":"ProcessMaker\\Models\\ScreenCategory","assignable_id":460,"category_id":1}}]}],"screen_categories":[],"scripts":[]}
\ No newline at end of file
+{"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,iVBORw0KGgoAAAANSUhEUgAAAPIAAAA4CAYAAADHG6V2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABh0SURBVHgB7V1LcxxHcs6sHlCkJIrkPhxh2REcHtZerUlguLsiGfI6BB58Fuk/QCjC4avACJ+XYPjog6CTjyJ/gahfIDAsrfiQg0OAknzTyOHwerXaJfUkMI9KZ2Y9unqmZ/AacCG5PnHUz+oqVNdXmZWZVY2wCX71+6/mqYev0IB4C03owxHqEcIAiXoW+RioT8DHsiWQa3qOfwPQY+pbwo0eQq8H1O0RdHtQ/KCBxU+egeKvD/NNwIkA+b9HfNAhxDYWZuW9Y4euQ0ZGxqbAcRde+uzrBTRwhSl2nLoJYQNB+8AEDURVIvM50nOO6PyQXkhjlcC40UXq8QNkv8vEFkL//BjMnPuxLw0/gzgtb4XYFqBjBvZ640B/eeXYsUeQkZFRixEizz983Oz1B2/Krp4gJ10hkFj3laCOsAnBA8nDPZHkPSvkBeo5aSwkpg2+2OMtH8/8/fPUOPkDUBLXF/OT7gb9w92/fLYNGRkZIzDpwbnfMokH9h2WiC/LMek/v40HIjT1wJFOpacqxnpdfqxko9xDLoU76ymKfg/Rb/ln1/6AgcRlNmWWvDlx4Cm4d+6zx5cgIyNjBJHIQuJihklM1AykUtKRI6YyTvYDA4XJ6BgeiK5pKJXy6M76NIHEFHnqYH/3OCGtT4kY7w8ocHDtbz/PZM7IGEYkspIY4LiOU4dB5Y51CnA8g47PXjqX9yMk55W5pbT1ZHf9hAjvdatj4hHy1pZlsHyO1X/IyMiIUCKLYUslsWB4nOoYBoGykbFoVMMWsgXhmvBYWZyC0Fumw40GXLogo8GJ6Zitintn+KpIa8QjhRvDZ2RkeDTkf2jwShj7jlqbhEjWCdGgPutJq/uOjOjor8RzPHYkhyBVVToHN5PmQ4HC7Gwyw1kiWVcWFdleq6dwLGP4X/32q/l3//zwCmRkPEGcap1bQGuPy37XmOv/2b7VgX2Axt99/uUF66Wx8+UKzyhKRCasGyc7kgrZHUk9zZCcYctLbKpIdG8UI0ysXQqXBEOfMNx/ePLqriewL090UdkG/povr0BGxhME66GXuHXOy/7MYLDCmw7sAxgL5pVw4IxWhFHygYvSwGE92Ulg7/NNTgNVBrnkx7joU6QW69Jq7WX5kLErqtTSUfitPpOiGn9+/uHDo5CRkSEjVWiNnEUvXbG0QRNiOYIlQm/kCgNiiqpzSscgnav2aOe9oorleqSv8GK6NIANGb7kendw4GXIyMiABhOlZYkoWpm9pC3Va0+q+M9JUevHwqVEDjeQl8QU/cwUbNRxjyAV9PoQC9HFBQAjricnmUmThTTWYhMyMjKg4XXWaIiCwORURqIbDHtWoxAV/dYn1zQQVGenDrtewZvBgnRVMsqWIAysXdY2VZtL/5bjNrmhNpUdhw6XaZBV64wMEKu1V57tf3+DtvP1I3jsyBEkshAO2c3LRmqnW4uxWtJYH9311IEV+MGhFfPcM52BGbBDugAYDNzT+ckD7Rv4nFq5u2Ii147BsMGAnzcP4ruWR/ZCJBdWOwsIj3Ims3iGICMjw6Mhqm/v9u+hf/sPsluRcCWPvI1ZlOZSIj5ii/aFe/9y5ibsDNdbV+4dRTtYZmpfEiL7gM3qMLsMEw3+qugHq3OWbRWzs2df4yfo37u6eudqqzV/1MLjS9x5qM2A//ZHxtDNdvvOjbr0P2u92GpYVENh39DbH7XvtsU1YcjyuB2bxhQL9+795tM0Tat1bt5aeiXUs8tj8Ha7/cEKbIJq+bDJqbn+oW3YBdLexAUymlbfX3vS3zdcbn7Xl0JazRvNjdX2reub5QvwzQX+O19O8+VevD0u7XC9HoBnOr7s8/yMo67c+Eb6N1fLt9WyxXfRHH7uqdaZC2hhTu4z5mk+t7KtCTupi4rR4fZ1fSjvJou1BZaOc5K3qxdamfQuT3J5jbVqExK310E4+CitFzz77v/Y/jufYRmMgT52I8Art6rYlm4hPrXwH1dOT6ysreIX//zuOzP/NPcy+gCQJO7a544hLox9zv660/KXbr1w+CrsALNzZz/hTVP2WTs4wXaCd8JxCs5mpcBDF4df5qlTLy6gMW+6m4j3kRssXAjXC1M0A5HlxXH9vklhIsooOlyG8+Ne4mzr7CLncSW89BGQXV5dvXu57lKLiWHJvFX3t22WtzY4IknbGpe2j/aidGJj0tbW6aR8h+p1id/4wugz6BFrdosGDr5N9Pit2npFurravrNUl/Fs69ySq88acDpuYce5qS3IYfoeBXNzZ98J+ZG182trd2/W/N2fxJJauLC2dvvtLeU9odyzs2eucF0suWcOLqApliGpFzN48CWKOoyN+EPgLfFPtwXLy0ZD95G3VOi5zrRILBhQ76qbKaUqNqsI4GZZibodp0KCm13VlfvQzbCyMBUkDa5D6pumSFruSLjn/ubKpPTcvS2kJE6h0pCfP4HEAm30ToJVIb079yavjyWxFtIszs6++Ppo3tKoMCGT/l1t/9s0b18vCYklPaUdWrPBz5d8RvMdIXFnOO24fMu/CxblPnkn3BJuQPTZcl1w52Xh2+WkXjuVtIRXTrZ+OT/8SFefKZFYguvzfUwCp2MSz8MOwZpBfDaX+dpkEru8K2Xn/LXjnoBhEguM/ULGtSVZmcBEDX49kbzuHM4Isfm+Gb4201iBaWLADavnx8kyx9lNhSToox5jj1+pmzJJjsxWjsF2p8RkrpQB4cLq/dsn1u7fPr96/84xJsBSvMpEmdTgMPTQ/OKkl+51y17cwro2Rn9rR65zPig/skbSdUIZrP32tZFnJy+eO4vlL/HQMUkrW87wclrG4YbrGpVX3bhsX+LTJzjtafl1WQuZlLc2+JFy3zkmP5/WdwZ4lFXU10bzjWnbgz61pG6TtJ1x+Q799dwJwqK8k7X7dy4aPHQ6zZdbxiUhuK+TE1qnRFHAFGQujTwxrU9fJ+75t88nZWvCDqCal5fkgh6aq+m1lMSuvd055trb7ROVd8kd98QOzpePO8IleS/9nj1thKhCTjVSiWQuCpQfqERuyDUhukhtJCe5EWcOdGCKaC+ffxSlrhBWfl031znMfVZSq4Qmv2CBuzYNyAv9cLU6pnqweusqJZFj1k6edSWVyo3tVVG1Pv44GRsTxXTcUM6nqtja2vs35Vy810mgCBmrgX9p2ruv3r7c8Sq+bFdXby9D0uEYW8TgHmkISaPqSNk6yfBAQgst4qtl3mUD1Gcl5ebGspCWW9Iyqc5HCYtUScv5tpK/+eKHH965n6btY3Ex+ZtrNRn/pPaD1dtvhCMZ3rA+VhlKMVkup39XYZ5eTMoxn97bar0k5Wr6w85X+PTliXWyTVSkMXe6afjmINHI6trb8LvcvL3B4gO27ch7+eiju22jhBWiiuRlQjtV2kAgtv4apTR2xwamjp77kVenhaS2ZwNx0ZMYvdSO90wFlq7Vn7dpZTdhAvpsgBg+53tVTSedQl1crpwrOww8KsaecC0YXHxZao1SbCCJqhvX0nx5ZT0+h2usXZf2QfvWCiTSMZUCXKa4PzwOFDibAXZCuYckiN+nR3V/80ft37TLfHHc+Fs0nZFyF2DSc53h57tyRRW+mV4bQD8eS510aoxYrk5oW8Ytgdgi0o6zx4az9LozgnqMaW/WQKxnNhWNrRd5ftrBueezGi0/JSub7VAlcEPVaWgEEsv1BgRJbc30iSwSOUpbUZt1/S90q4wESdxHlcy6Wokcd2EqaDRmOnXni6KI54ct+pWyjyFpSqZJjcMAdWKeAzhS5pk2RByTPtWOynH0AGzcR4I2jAEm4zPE7pG683VjTQFLr8ti6NNf/dOPDo+fk7SvTk67G4ypqwFtqU7G1/V4EJnXk4Ol0faAzbA3rr01kjq3yf0jedV0zA0hZ1jLI/UtoYuIJhdN5f95y7YpEKaOXlpQAB8BUhquIQk0iWeeHCZVbErE8ffAthvHVuCt6aMvRBqt2fl74qpuc4Wr2muoeJMJOWJh9hK9JjHcCMMEsXpz2otbTvsdhNgTiKI2NOJumjbqOiETrNHBIu1UZ2foEpVbrdjOUs2qt5PS1jRg2lDrtJfGSuqw9hcfB2OX9cauKLWnZ+zaFcQfDN8zGHNQVLeOP1QLM1tdL20lbVfVyqiBtLaT9ruIigHNwiLsPTrDJxpKWiwlXrjgZWGIvxRpncZPw7Shxi4oQzLB50tuWqVb2gBK/zLF2/YDaF8TWabdsR+y/tqYsb9I+p+yFD5QupGa3Ciusf99SfyZrGHcHOf3FrWSx/rn2b/xVl3azYI1vitAg8vsV4516NxNd97eLN1gMGB34ZmRNsPW/6M7jXFiIhcaAOLI4cIiy7m/cUaT4xF4jXYPxsgqaSvsDH8RaZyoRUNYWb2EcDeq4/8nqHsMt+8bFUKyEet0366/ZpCW/GklpSxVLH7RcaSUIBHpCGbYkoulEeh7RmhsVaIQ0W7t79Fhx3TbbkMt1p64mJI15ulzdLe4CRZ7QaAeVGKtYyk05loKaF3ZklHzHigG31e0x1muUxAd+GIkoRuDX2VSXveknIdUys6+2BoXVeYNPq9y2qu1hG6dOTEu+uo7glCnatRk/6yo2CubJfLBLRO1OG7nHdgG2NiFIZ55eMpRue92yICPldwDAqmvOCkIQdSv3bwrHA2wtrRvdOv9DaIba+xzhF0gIWWzQkqJKmud/XS1zX7QzdNWCa1RTOc++a5KZvavLxbFM/ctPb7Hh03RfMTC/2CT2PmGaSwOx+HvFoZNkmKWRCE005r9xDJZCUG3DVRzq66pJRp44e7dC80aNmTR+i7qp2U2+nqM624he+r2ye/LeeD7ZEumOyX/U8aWIaSU4JJK5Nuk2OGatBIsUaa1T8I4tGfQIBVrYyfppfITB/uRWXEtHGGVtI7M5Tk9ln3eihbu75s2hLDABBWSUrcrn5QhYKLKZ2ZgfQPDJ2fkHlRCb6DNRFbMzZ15U3518dYO4+O0xc8bfrANSOQbJOGSaSDLZpAItdJAiK1NwhH3PdbW7l4DXxcilX1E3o5Qvo/t1YnRlXQCiY3MLtLJ+6iSWggtx+xqdlsAJfX0vU9KTOz2AYWc60LerpJXJLCek9+G2zqys5l7/ckReSu+4hp0wo5NIqVGUU+0qlurPiBFwg4lokijihKD1paDWYjelNk68jt9+qXj7pnn5tkgRfI7NXfmrXFpMRl3h0AWmb0U0krnMj4ttsvylYEoTwrVYJvdQ4NjwrMJa2Kly/bT73drO70wc0p+A3o8tt7rYISsQlS35Z8QOhDWOJKLwViXIAjXpiyRf/mvH8+DknZDVWdIpbESmMksxPYS25F9A83R6fQo7A6o7UHdHNewv31fsXPPOMkjPfW4XpaSGUYy5koudcIO97C1L38ANgnFTA0kB9vJ+bESInU/JcauTsx34qwtbMZyFKBpi2Im5js5Oqk23z1FWjYaMzXTayZN2CYkwCWJzR+ZDKIBNh5beZfbdWkaVqHRjYtV8urYOCGzJ7mo1IilCj5dJlO/dwnWZezbV/Xa/eSYf+s8RvYE5rEzoR8n4wxB46+ehamA3QF1U/FSAhDp0qfbBkXJI7OERqdD6tS2JB47nfdsTPJZWS7jsPoqZUyDEVAiqjx07JbEcLOFeGmrebeH4r/r055dTKcQhjnJbY2jLjuvzfKViRHbnbi/c0g4a6nS1wWppBMftgu2NJUGRW1TZcdtDd6vXhtub/NHRZLHW5J3uRU0lLQw/HUJtz5W1fUUAjZwqnEYv/j1B8usIi/oAUWjOPpsfVRoDBbRmFFzsMBi9s8AfnQQpgSNXGJVcEXM/qJ2WbIXEpW3s7b2waaO/jrIy8UQvicW3rmzF8C/JM6nlYT2SXz5YppWGvip2bPL6PyORxuE97iMN2Q1i7oyDocGVvJmCzGnPS7fnta8CS6keYO1S5PTnn2ZW4krN59P51/b1Hjl7r/KL+v1JN85ft5Kbb7DafcQUp+zs+eWIfjE2QXGZZuv1Il2TkJ23Pa4XaTyqbmzK06LiR335fLamRvMH31nob0x1W5aa+Ysfbsw6V1uBiVyWNhWyevW6RJfk/fYekeQMQRhlY6NfvPn//ZfC27MPOOktIZ3GgnEdk8u/E8wA+U5P7GKHn7dpD9+ewkHtinRWwb8CpuSo18FRJf3ik5j/4jDB9D8zQ8JDkzRmS2Nicnixpkw1FHRoz7SRdgh5AXOzp69HBu2SCIfh5zmI9Mg0+l+AYU5dJXdG/PgVUGShoDa4FJ0KtMhk7xPzp5bCsEc+vf5hMN5Pxia4TSalhsnhXnXZdVLNNOD1TuVmTgyJY/THknylc7rQm2+exyXPAwJPeX6XICoiYzUSRvV7w4LsAMMd9wseeOyRAU+zdb+x2EqZVNtG+TaHJR1WvsuN0NDx74QJ0uUcxIwcRr75XdiVhv9eX4NC6qTy6J6WHjSu4BOMYx5ZrptsvpliDjBY4fB/PAwqHNareHi2kJnYEN/f+GXF+Lz5AxvjtlOxZ+aYsCGoeU+9W9yDq+VY0JdveGGTA6vn9lkHkb1k+jTSc+Xhs0+1BvOhwqJFJU8WBqwNHxQM1VQ4NXO034JHBl3pep1h8lw7Wvz9BudMeqpWJd/1nrp7YIGr3MttraTt6QtA0Hqy702IS2X+VNmzqXt5Vup13bds0u1v94Aya34PreS2msh9HQouEWgdSlzfGdnzyxx411xz6qO30UbCvqrtVg7DZIl77VgP+hbtbNcDXnz5sRO3iVJG/NaDbu7RtobntGhFPiw5sAzDJ91cBLSfx41hEjSH9c79nfrTSrYuVwY1K2RxQeMk8qBhG7BzGgVFxeWrmXv9t3imsbnG84pWTnHwvUA4IlePsP9JDtrYOnWT3a/Ztfwukx7jSaPhw5tdI9UFiDYBl544aXjj5868EVnB2PL3aTdTbl3+zfvFZp+HNt5YuP0KnbzPlLgmX9/5AegWC5xHURvWAwPkmPZfL7Rsf8rRDaRwFTI8kBGHVpKThf5WZK48CQeS3Lwvmo3Ldo9w6v4kk7Tq3uM88IwyfHC7Z8+t6Ox65+SyBkZ04YzdmH52YgQ4QwA4aunXkqTSsZyGXpI4rA938ktwKldQQjMDoPO8J0o9/UK93yEZGiguTh7Vph6pdnq5Iionof1rmV/0B9k8mVkgI+1FiAmX5sojcRQ7hm3yID/5EPFbEEEwxHYyaDYUzBOg4xy35vR/IIG/kMX5Gc1hc+pYvULE+VXIaFz9+SxNmRkZMjsJ9mgn/lbupvKrVe5fXCX3miCvgtYpW+KaArE8HVklbPxCzXRnQQQZzRVpzQlX41zhI69gaoAS5CRkaFo6HiVyg+uYfiecTxHJSfDeaO6M8bvMUWrtzeapdKcSts+YhDF8gzjr6RTFvXnTed6L7rPx/iRu1fI2WnfYZPhTcjIyFA0gpgNTqewuIBXb5VRFFgL7pDCpbjmQPRWOQYjlj7oxP8cRW/oENQ/HdYuEAO2Wtww6M7l7f446tfyhYljHdgFSNeVCp9ueTIhghkZe4VGjJvG8NVSPUjW3CuNS6VxK1jDNDwEQmRYqmVT+PAiO9vU7zvsxvK+Lhp+dhDQabm8Nu3yoOX3XzhyHXYJNwMnI+P7gYZMU/TfR3UCFCt2KAgGqpLkbvJEVLOt1Wgu9/XGkMQbxYxXiMM4mIKrOnI2ZOLd1n6MXOkRAon12rX3Tx7JBMzIGIJbWEAXDGCayEICMkGiIAwLCqCbQIFx1pOBKEFV6y4N25CwH8uPnVOwbTlQYvGmMgAFIK4MFtbeo7Sg3F0s3Tr53KuQkZExgob6hp1wjGPYaJGO4dbeoRzOGH+PGqJMtEBjYjQLwSTBP+0Cx6rwhmqsGMTIB4kEvzPRyoDM0t25525CRkZGLRq6zI/uln7foBDrhsrxKYALje5jcCMZKK1dgfxQkjCJ2C4fXnYa5CS6s02DF/EAD/nwU37sDSKzcvfFw5nAGRmboKGqNETZ69RdZ2iKA9n4AQpwwrn4i6du9D7pLx/i48dyYcAnZ2YcXQcAhw64+x8f5P1Kdk+5T6Gmsw8lkZ8d9W13/Yv2+WN/kpjXjIzvMhp+RhGUgR8QZlBULMxxuVxRlwvTufePz38KGRkZ+wKNMGc4XVwAQ6hkGeEVAqedxJ74AayMjIwnDbeutXP7+KAP/0m3xGBVklrJ3Hn/+TxuzcjYT/BL/ZTxHOj9P0mMRmnDcqbnJcjIyNhXUCIn4ZF6MrE/R9+w9z698d6Pn70OGRkZ+wq6nmz4iFsEVnaDd+raez96NkdVZWTsQ/gZDS4ohMqpCpDMSHpoySwyiV+FjIyMfYkG68vqRqpEXRE8IjJtAtt+6uv+9ZUT2bebkbGf8X/lttWcPmjJVwAAAABJRU5ErkJggg==\\\", \\\"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