From 33d2c5469a07c83da9f8896c6214cffbc92aecf9 Mon Sep 17 00:00:00 2001 From: Esteban Gallego Date: Tue, 21 Nov 2023 11:34:40 -0500 Subject: [PATCH] Update auto-loan-request.json --- banking/auto-loan-request.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/banking/auto-loan-request.json b/banking/auto-loan-request.json index 4551fcb..8f58c9f 100644 --- a/banking/auto-loan-request.json +++ b/banking/auto-loan-request.json @@ -1 +1 @@ -{"type":"process_templates_package","version":"2","root":"9920680e-943b-44af-bdbe-bc4a95a34a75","name":"Auto Loan Request","export":{"9920680e-943b-44af-bdbe-bc4a95a34a75":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\TemplateExporter","type":"ProcessTemplates","type_human":"Process Template","type_plural":"ProcessTemplates","type_human_plural":"Process Templates","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ProcessTemplates","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Auto Loan Request","description":"Automate the process of applying for a car loan for your customers. This process includes Know Your Customer (KYC) and Know Your Business (KYB) entries, as well as the creation of PDF files and email notifications.","process_manager":"","process_manager_id":null,"attributes":{"id":35,"uuid":"9920680e-943b-44af-bdbe-bc4a95a34a75","key":null,"name":"Auto Loan Request","description":"Automate the process of applying for a car loan for your customers. This process includes Know Your Customer (KYC) and Know Your Business (KYB) entries, as well as the creation of PDF files and email notifications.","process_id":31,"user_id":1,"process_category_id":7,"manifest":"{\"name\": \"Auto Loan\", \"root\": \"99026823-b917-421e-ac23-750880946f5e\", \"type\": \"process_package\", \"export\": {\"99023f3d-234d-4fde-a472-ac92d1cbb2ab\": {\"mode\": \"update\", \"name\": \"Banking\", \"type\": \"ProcessCategory\", \"model\": \"ProcessMaker\\\\Models\\\\ProcessCategory\", \"hidden\": true, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\CategoryExporter\", \"attributes\": {\"id\": 7, \"name\": \"Banking\", \"uuid\": \"99023f3d-234d-4fde-a472-ac92d1cbb2ab\", \"status\": \"ACTIVE\", \"is_system\": 0, \"created_at\": \"2023-04-24 15:14:59\", \"updated_at\": \"2023-04-24 15:14:59\"}, \"dependents\": [], \"references\": [], \"type_human\": \"Process Category\", \"description\": null, \"type_plural\": \"ProcessCategories\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": [], \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Process Categories\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}, \"99026823-b917-421e-ac23-750880946f5e\": {\"mode\": \"copy\", \"name\": \"Auto Loan\", \"type\": \"Process\", \"model\": \"ProcessMaker\\\\Models\\\\Process\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ProcessExporter\", \"attributes\": {\"id\": 31, \"svg\": \"<\/marker><\/marker><\/marker><\/marker><\/marker><\/marker><\/defs>Customer\u00a0Form\u00a0Name<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>System<\/tspan><\/text><\/g>Customer<\/tspan><\/text><\/g>Banker<\/tspan><\/text><\/g>Banker\u00a0Start<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Customer\u00a0WE<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Fill\u00a0Form\u00a0WE<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Review\u00a0Form<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Reviewer\u00a0Decision<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Rejected<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Generate\u00a0PDF<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Completed<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Notify<\/tspan>Customer<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Notify<\/tspan>Customer\u00a0of<\/tspan>Form\u00a0Submit<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Send\u00a0Rejection<\/tspan>Notification<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Send\u00a0Approved<\/tspan>Notification<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>Returned<\/tspan><\/text><\/g><\/g><\/g>Reject<\/tspan><\/text><\/g><\/g><\/g>Approve<\/tspan><\/text><\/g><\/g><\/g>Save<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g>

<\/h1>\\\\n

 <\/em><\/h1>\\\\n

 <\/p>\\\\n

Thank You!<\/strong><\/h1>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": null, \\\"conditionalHide\\\": \\\"action == \\\\\\\"complete\\\\\\\"\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

 <\/h1>\\\\n

 <\/em><\/h1>\\\\n

 <\/p>\\\\n

Saved!<\/strong><\/h1>\\\\n

Return to Portal<\/a><\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": null, \\\"conditionalHide\\\": \\\"action == \\\\\\\"save\\\\\\\"\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

<\/h1>\\\\n

 <\/em><\/h1>\\\\n

 <\/p>\\\\n

Thank You!<\/strong><\/h1>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": null, \\\"conditionalHide\\\": \\\"formStatus == \\\\\\\"submitted\\\\\\\"\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[]\", \"watchers\": null, \"created_at\": \"2020-10-09 21:51:17\", \"custom_css\": null, \"updated_at\": \"2023-04-24 17:09:21\", \"description\": \"The screen displayed on submission of a web entry form\", \"is_template\": 0}, \"dependents\": [{\"meta\": null, \"name\": \"Engage\", \"type\": \"categories\", \"uuid\": \"99026824-36fa-4710-ad82-cd6c8ba1c139\", \"discard\": false, \"modelClass\": \"ProcessMaker\\\\Models\\\\ScreenCategory\", \"exporterClass\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\CategoryExporter\", \"fallbackMatches\": {\"name\": \"Engage\"}}], \"references\": {\"uncategorized-category\": false}, \"type_human\": \"Screen\", \"description\": \"The screen displayed on submission of a web entry form\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": [], \"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}, \"99026824-36fa-4710-ad82-cd6c8ba1c139\": {\"mode\": \"update\", \"name\": \"Engage\", \"type\": \"ScreenCategory\", \"model\": \"ProcessMaker\\\\Models\\\\ScreenCategory\", \"hidden\": true, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\CategoryExporter\", \"attributes\": {\"id\": 5, \"name\": \"Engage\", \"uuid\": \"99026824-36fa-4710-ad82-cd6c8ba1c139\", \"status\": \"ACTIVE\", \"is_system\": 0, \"created_at\": \"2020-10-09 19:17:56\", \"updated_at\": \"2023-04-24 17:09:21\"}, \"dependents\": [], \"references\": [], \"type_human\": \"Screen Category\", \"description\": null, \"type_plural\": \"ScreenCategories\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": [], \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Screen Categories\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}, \"99026824-663f-43ff-9f6c-c1c3fc7941eb\": {\"mode\": \"update\", \"name\": \"Base Forms\", \"type\": \"ScreenCategory\", \"model\": \"ProcessMaker\\\\Models\\\\ScreenCategory\", \"hidden\": true, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\CategoryExporter\", \"attributes\": {\"id\": 6, \"name\": \"Base Forms\", \"uuid\": \"99026824-663f-43ff-9f6c-c1c3fc7941eb\", \"status\": \"ACTIVE\", \"is_system\": 0, \"created_at\": \"2020-03-05 16:29:42\", \"updated_at\": \"2023-04-24 17:09:22\"}, \"dependents\": [], \"references\": [], \"type_human\": \"Screen Category\", \"description\": null, \"type_plural\": \"ScreenCategories\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": [], \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Screen Categories\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}, \"99026824-a90d-46a6-a4d1-31405f76003e\": {\"mode\": \"copy\", \"name\": \"Personal Information 3 5\", \"type\": \"Screen\", \"model\": \"ProcessMaker\\\\Models\\\\Screen\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"attributes\": {\"id\": 67, \"key\": null, \"type\": \"FORM\", \"uuid\": \"99026824-a90d-46a6-a4d1-31405f76003e\", \"title\": \"Personal Information 3 5\", \"config\": \"[{\\\"name\\\": \\\"Personal Information\\\", \\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"title\\\", \\\"label\\\": \\\"Title\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[{\\\\\\\"value\\\\\\\":\\\\\\\"Mr\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Mr\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"Ms\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Ms\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"Mrs\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Mrs\\\\\\\"}]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [{\\\"value\\\": \\\"Mr\\\", \\\"content\\\": \\\"Mr\\\"}, {\\\"value\\\": \\\"Ms\\\", \\\"content\\\": \\\"Ms\\\"}, {\\\"value\\\": \\\"Mrs\\\", \\\"content\\\": \\\"Mrs\\\"}], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"readonly\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": null, \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": {\\\"props\\\": [\\\"value\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"firstName\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"First Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": [{\\\"props\\\": [\\\"validation\\\", \\\"validationData\\\", \\\"validationField\\\", \\\"validationMessages\\\"], \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"props\\\": [\\\"value\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"lastName\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Last Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": [{\\\"props\\\": [\\\"validation\\\", \\\"validationData\\\", \\\"validationField\\\", \\\"validationMessages\\\"], \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"props\\\": [\\\"value\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"middleName\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Middle Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Date Picker\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-calendar-alt\\\", \\\"name\\\": \\\"birthDate\\\", \\\"type\\\": \\\"datetime\\\", \\\"label\\\": \\\"Date of Birth\\\", \\\"maxDate\\\": null, \\\"minDate\\\": null, \\\"disabled\\\": false, \\\"dataFormat\\\": \\\"date\\\", \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": \\\"MM\/DD\/YYYY\\\"}, \\\"component\\\": \\\"FormDatePicker\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"minDate\\\", \\\"config\\\": {\\\"label\\\": \\\"Minimum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"maxDate\\\", \\\"config\\\": {\\\"label\\\": \\\"Maximum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormDatePicker\\\", \\\"editor-component\\\": \\\"FormDatePicker\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"SSN\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Social Security Number\\\", \\\"helper\\\": \\\"Used to verify your identity. We'll keep your data safe.\\\", \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}, {\\\"field\\\": \\\"max:\\\", \\\"value\\\": \\\"max:9\\\", \\\"helper\\\": null, \\\"configs\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"label\\\": \\\"Max Input\\\", \\\"value\\\": \\\"9\\\", \\\"helper\\\": \\\"Validate that an attribute is no greater than a given length.\\\", \\\"validation\\\": \\\"required|integer\\\"}], \\\"content\\\": \\\"Max Length\\\", \\\"visible\\\": false}, {\\\"field\\\": \\\"min:\\\", \\\"value\\\": \\\"min:9\\\", \\\"helper\\\": null, \\\"configs\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"label\\\": \\\"Min Input\\\", \\\"value\\\": \\\"9\\\", \\\"helper\\\": \\\"Validate that an attribute is at least a given length.\\\", \\\"validation\\\": \\\"required|integer\\\"}], \\\"content\\\": \\\"Min Length\\\", \\\"visible\\\": false}], \\\"placeholder\\\": null, \\\"customFormatter\\\": \\\"###-##-####\\\"}, \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[{\\\"id\\\": 1, \\\"name\\\": \\\"Formats full name\\\", \\\"type\\\": \\\"javascript\\\", \\\"formula\\\": \\\"return (this.firstName ? this.firstName + ' ' : '') + \\\\n(this.middleName ? this.middleName + ' ' : '') + \\\\n(this.lastName ? this.lastName: '');\\\", \\\"property\\\": \\\"fullName\\\"}]\", \"watchers\": \"[]\", \"created_at\": \"2020-11-10 16:03:50\", \"custom_css\": null, \"updated_at\": \"2023-05-07 19:56:23\", \"description\": \"Captures personal information\", \"is_template\": 0}, \"dependents\": [{\"meta\": null, \"name\": \"Base Forms\", \"type\": \"categories\", \"uuid\": \"99026824-663f-43ff-9f6c-c1c3fc7941eb\", \"discard\": false, \"modelClass\": \"ProcessMaker\\\\Models\\\\ScreenCategory\", \"exporterClass\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\CategoryExporter\", \"fallbackMatches\": {\"name\": \"Base Forms\"}}], \"references\": {\"uncategorized-category\": false}, \"type_human\": \"Screen\", \"description\": \"Captures personal information\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": [], \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"Admin User\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": 1, \"force_password_protect\": false}, \"99026824-b501-4381-89d5-7f1da1f1273c\": {\"mode\": \"copy\", \"name\": \"Address 2 12\", \"type\": \"Screen\", \"model\": \"ProcessMaker\\\\Models\\\\Screen\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"attributes\": {\"id\": 68, \"key\": null, \"type\": \"FORM\", \"uuid\": \"99026824-b501-4381-89d5-7f1da1f1273c\", \"title\": \"Address 2 12\", \"config\": \"[{\\\"name\\\": \\\"Address\\\", \\\"items\\\": [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Permanent Address<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"address.street\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Street Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": null, \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": 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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"address.suite\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Suite \/ Apartment\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": null, \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"2\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"address.city\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"City\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"address.state\\\", \\\"label\\\": \\\"State\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[{\\\\\\\"value\\\\\\\":\\\\\\\"AL\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Alabama\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"AK\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Alaska\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"AZ\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Arizona\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"AR\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Arkansas\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"CA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"California\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"CO\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Colorado\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"CT\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Connecticut\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"DE\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Delaware\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"FL\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Florida\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"GA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Georgia\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"GU\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Guam\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"HI\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Hawaii\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"ID\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Idaho\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"IL\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Illinois\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"IN\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Indiana\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"IA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Iowa\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"KS\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Kansas\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"KY\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Kentucky\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"LA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Louisiana\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"ME\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Maine\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MD\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Maryland\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Massachusetts\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MI\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Michigan\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MN\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Minnesota\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MS\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Mississippi\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MO\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Missouri\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MT\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Montana\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NE\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Nebraska\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NV\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Nevada\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NH\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"New Hampshire\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NJ\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"New Jersey\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NM\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"New Mexico\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NY\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"New York\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NC\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"North Carolina\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"ND\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"North Dakota\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"OH\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Ohio\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"OK\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Oklahoma\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"OR\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Oregon\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"PA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Pennsylvania\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"RI\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Rhode Island\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"SC\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"South Carolina\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"SD\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"South Dakota\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"TN\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Tennessee\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"TX\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Texas\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"UT\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Utah\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"VT\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Vermont\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"VA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Virginia\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"WA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Washington\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"WV\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"West Virginia\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"WI\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Wisconsin\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"WY\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Wyoming\\\\\\\"}]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [{\\\"value\\\": \\\"AL\\\", \\\"content\\\": \\\"Alabama\\\"}, {\\\"value\\\": \\\"AK\\\", \\\"content\\\": \\\"Alaska\\\"}, {\\\"value\\\": \\\"AZ\\\", \\\"content\\\": \\\"Arizona\\\"}, {\\\"value\\\": \\\"AR\\\", \\\"content\\\": \\\"Arkansas\\\"}, {\\\"value\\\": \\\"CA\\\", \\\"content\\\": \\\"California\\\"}, {\\\"value\\\": \\\"CO\\\", \\\"content\\\": \\\"Colorado\\\"}, {\\\"value\\\": \\\"CT\\\", \\\"content\\\": \\\"Connecticut\\\"}, {\\\"value\\\": \\\"DE\\\", \\\"content\\\": \\\"Delaware\\\"}, {\\\"value\\\": \\\"FL\\\", \\\"content\\\": \\\"Florida\\\"}, {\\\"value\\\": \\\"GA\\\", \\\"content\\\": \\\"Georgia\\\"}, {\\\"value\\\": \\\"GU\\\", \\\"content\\\": \\\"Guam\\\"}, {\\\"value\\\": \\\"HI\\\", \\\"content\\\": \\\"Hawaii\\\"}, {\\\"value\\\": \\\"ID\\\", \\\"content\\\": \\\"Idaho\\\"}, {\\\"value\\\": \\\"IL\\\", \\\"content\\\": \\\"Illinois\\\"}, {\\\"value\\\": \\\"IN\\\", \\\"content\\\": \\\"Indiana\\\"}, {\\\"value\\\": \\\"IA\\\", \\\"content\\\": \\\"Iowa\\\"}, {\\\"value\\\": \\\"KS\\\", \\\"content\\\": \\\"Kansas\\\"}, {\\\"value\\\": \\\"KY\\\", \\\"content\\\": \\\"Kentucky\\\"}, {\\\"value\\\": \\\"LA\\\", \\\"content\\\": \\\"Louisiana\\\"}, {\\\"value\\\": \\\"ME\\\", \\\"content\\\": \\\"Maine\\\"}, {\\\"value\\\": \\\"MD\\\", \\\"content\\\": \\\"Maryland\\\"}, {\\\"value\\\": \\\"MA\\\", \\\"content\\\": \\\"Massachusetts\\\"}, {\\\"value\\\": \\\"MI\\\", \\\"content\\\": \\\"Michigan\\\"}, {\\\"value\\\": \\\"MN\\\", \\\"content\\\": \\\"Minnesota\\\"}, {\\\"value\\\": \\\"MS\\\", \\\"content\\\": \\\"Mississippi\\\"}, {\\\"value\\\": \\\"MO\\\", \\\"content\\\": \\\"Missouri\\\"}, {\\\"value\\\": \\\"MT\\\", \\\"content\\\": \\\"Montana\\\"}, {\\\"value\\\": \\\"NE\\\", \\\"content\\\": \\\"Nebraska\\\"}, {\\\"value\\\": \\\"NV\\\", \\\"content\\\": \\\"Nevada\\\"}, {\\\"value\\\": \\\"NH\\\", \\\"content\\\": \\\"New Hampshire\\\"}, {\\\"value\\\": \\\"NJ\\\", \\\"content\\\": \\\"New Jersey\\\"}, {\\\"value\\\": \\\"NM\\\", \\\"content\\\": \\\"New Mexico\\\"}, {\\\"value\\\": \\\"NY\\\", \\\"content\\\": \\\"New York\\\"}, {\\\"value\\\": \\\"NC\\\", \\\"content\\\": \\\"North Carolina\\\"}, {\\\"value\\\": \\\"ND\\\", \\\"content\\\": \\\"North Dakota\\\"}, {\\\"value\\\": \\\"OH\\\", \\\"content\\\": \\\"Ohio\\\"}, {\\\"value\\\": \\\"OK\\\", \\\"content\\\": \\\"Oklahoma\\\"}, {\\\"value\\\": \\\"OR\\\", \\\"content\\\": \\\"Oregon\\\"}, {\\\"value\\\": \\\"PA\\\", \\\"content\\\": \\\"Pennsylvania\\\"}, {\\\"value\\\": \\\"RI\\\", \\\"content\\\": \\\"Rhode Island\\\"}, {\\\"value\\\": \\\"SC\\\", \\\"content\\\": \\\"South Carolina\\\"}, {\\\"value\\\": \\\"SD\\\", \\\"content\\\": \\\"South Dakota\\\"}, {\\\"value\\\": \\\"TN\\\", \\\"content\\\": \\\"Tennessee\\\"}, {\\\"value\\\": \\\"TX\\\", \\\"content\\\": \\\"Texas\\\"}, {\\\"value\\\": \\\"UT\\\", \\\"content\\\": \\\"Utah\\\"}, {\\\"value\\\": \\\"VT\\\", \\\"content\\\": \\\"Vermont\\\"}, {\\\"value\\\": \\\"VA\\\", \\\"content\\\": \\\"Virginia\\\"}, {\\\"value\\\": \\\"WA\\\", \\\"content\\\": \\\"Washington\\\"}, {\\\"value\\\": \\\"WV\\\", \\\"content\\\": \\\"West Virginia\\\"}, {\\\"value\\\": \\\"WI\\\", \\\"content\\\": \\\"Wisconsin\\\"}, {\\\"value\\\": \\\"WY\\\", \\\"content\\\": \\\"Wyoming\\\"}], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": true, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"defaultOptionKey\\\": \\\"KS\\\", \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": null, \\\"rootElement\\\": \\\"response\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": \\\"KS\\\"}, \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": {\\\"props\\\": [\\\"value\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"address.zipCode\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Zip Code\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [{\\\"field\\\": \\\"min:\\\", \\\"value\\\": \\\"min:5\\\", \\\"helper\\\": null, \\\"configs\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"label\\\": \\\"Min Input\\\", \\\"value\\\": \\\"5\\\", \\\"helper\\\": \\\"Validate that an attribute is at least a given length.\\\", \\\"validation\\\": \\\"required|integer\\\"}], \\\"content\\\": \\\"Min Length\\\", \\\"visible\\\": false}, {\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": null, \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"customFormatter\\\": \\\"#####-####\\\"}, \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

How long have you lived at this address?<\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"lengthOfResidence.year\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Year(s)\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null, \\\"customCssSelector\\\": \\\"right-label\\\"}, \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"lengthOfResidence.month\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Month(s)\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null, \\\"customCssSelector\\\": \\\"right-label\\\"}, \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-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\\\"}], \\\"customCssSelector\\\": null}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"8\\\"}], \\\"conditionalHide\\\": \\\"showResidence or _parent.showResidence\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"address.differentMailingAddress\\\", \\\"label\\\": \\\"I have a different mailing address\\\", \\\"helper\\\": null, \\\"toggle\\\": true, \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}], [{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"address.country\\\", \\\"label\\\": \\\"Country\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"dataFormat\\\": \\\"array\\\", \\\"validation\\\": [], \\\"placeholder\\\": null, \\\"rootElement\\\": \\\"response\\\", \\\"dataSourceUrl\\\": null, \\\"conditionalHide\\\": \\\"showInternational==\\\\\\\"Y\\\\\\\"\\\", \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Mailing Address<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"mailingAddress.address\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Street Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": [{\\\"props\\\": [\\\"validation\\\", \\\"validationData\\\", \\\"validationField\\\", \\\"validationMessages\\\"], \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"mailingAddress.box\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"P.O. Box\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"XXXXX\\\", \\\"customFormatter\\\": \\\"#####\\\"}, \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"2\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"mailingAddress.city\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"City\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"_Ctor\\\": [], \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"value\\\": [], \\\"options\\\": [], \\\"language\\\": [], \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"mailingAddress.state\\\", \\\"label\\\": \\\"State\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[{\\\\\\\"value\\\\\\\":\\\\\\\"AL\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Alabama\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"AK\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Alaska\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"AZ\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Arizona\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"AR\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Arkansas\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"CA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"California\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"CO\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Colorado\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"CT\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Connecticut\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"DE\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Delaware\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"FL\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Florida\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"GA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Georgia\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"GU\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Guam\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"HI\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Hawaii\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"ID\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Idaho\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"IL\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Illinois\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"IN\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Indiana\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"IA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Iowa\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"KS\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Kansas\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"KY\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Kentucky\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"LA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Louisiana\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"ME\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Maine\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MD\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Maryland\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Massachusetts\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MI\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Michigan\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MN\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Minnesota\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MS\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Mississippi\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MO\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Missouri\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"MT\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Montana\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NE\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Nebraska\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NV\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Nevada\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NH\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"New Hampshire\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NJ\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"New Jersey\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NM\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"New Mexico\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NY\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"New York\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"NC\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"North Carolina\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"ND\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"North Dakota\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"OH\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Ohio\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"OK\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Oklahoma\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"OR\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Oregon\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"PA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Pennsylvania\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"RI\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Rhode Island\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"SC\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"South Carolina\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"SD\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"South Dakota\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"TN\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Tennessee\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"TX\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Texas\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"UT\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Utah\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"VT\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Vermont\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"VA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Virginia\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"WA\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Washington\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"WV\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"West Virginia\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"WI\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Wisconsin\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"WY\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Wyoming\\\\\\\"}]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [{\\\"value\\\": \\\"AL\\\", \\\"content\\\": \\\"Alabama\\\"}, {\\\"value\\\": \\\"AK\\\", \\\"content\\\": \\\"Alaska\\\"}, {\\\"value\\\": \\\"AZ\\\", \\\"content\\\": \\\"Arizona\\\"}, {\\\"value\\\": \\\"AR\\\", \\\"content\\\": \\\"Arkansas\\\"}, {\\\"value\\\": \\\"CA\\\", \\\"content\\\": \\\"California\\\"}, {\\\"value\\\": \\\"CO\\\", \\\"content\\\": \\\"Colorado\\\"}, {\\\"value\\\": \\\"CT\\\", \\\"content\\\": \\\"Connecticut\\\"}, {\\\"value\\\": \\\"DE\\\", \\\"content\\\": \\\"Delaware\\\"}, {\\\"value\\\": \\\"FL\\\", \\\"content\\\": \\\"Florida\\\"}, {\\\"value\\\": \\\"GA\\\", \\\"content\\\": \\\"Georgia\\\"}, {\\\"value\\\": \\\"GU\\\", \\\"content\\\": \\\"Guam\\\"}, {\\\"value\\\": \\\"HI\\\", \\\"content\\\": \\\"Hawaii\\\"}, {\\\"value\\\": \\\"ID\\\", \\\"content\\\": \\\"Idaho\\\"}, {\\\"value\\\": \\\"IL\\\", \\\"content\\\": \\\"Illinois\\\"}, {\\\"value\\\": \\\"IN\\\", \\\"content\\\": \\\"Indiana\\\"}, {\\\"value\\\": \\\"IA\\\", \\\"content\\\": \\\"Iowa\\\"}, {\\\"value\\\": \\\"KS\\\", \\\"content\\\": \\\"Kansas\\\"}, {\\\"value\\\": \\\"KY\\\", \\\"content\\\": \\\"Kentucky\\\"}, {\\\"value\\\": \\\"LA\\\", \\\"content\\\": \\\"Louisiana\\\"}, {\\\"value\\\": \\\"ME\\\", \\\"content\\\": \\\"Maine\\\"}, {\\\"value\\\": \\\"MD\\\", \\\"content\\\": \\\"Maryland\\\"}, {\\\"value\\\": \\\"MA\\\", \\\"content\\\": \\\"Massachusetts\\\"}, {\\\"value\\\": \\\"MI\\\", \\\"content\\\": \\\"Michigan\\\"}, {\\\"value\\\": \\\"MN\\\", \\\"content\\\": \\\"Minnesota\\\"}, {\\\"value\\\": \\\"MS\\\", \\\"content\\\": \\\"Mississippi\\\"}, {\\\"value\\\": \\\"MO\\\", \\\"content\\\": \\\"Missouri\\\"}, {\\\"value\\\": \\\"MT\\\", \\\"content\\\": \\\"Montana\\\"}, {\\\"value\\\": \\\"NE\\\", \\\"content\\\": \\\"Nebraska\\\"}, {\\\"value\\\": \\\"NV\\\", \\\"content\\\": \\\"Nevada\\\"}, {\\\"value\\\": \\\"NH\\\", \\\"content\\\": \\\"New Hampshire\\\"}, {\\\"value\\\": \\\"NJ\\\", \\\"content\\\": \\\"New Jersey\\\"}, {\\\"value\\\": \\\"NM\\\", \\\"content\\\": \\\"New Mexico\\\"}, {\\\"value\\\": \\\"NY\\\", \\\"content\\\": \\\"New York\\\"}, {\\\"value\\\": \\\"NC\\\", \\\"content\\\": \\\"North Carolina\\\"}, {\\\"value\\\": \\\"ND\\\", \\\"content\\\": \\\"North Dakota\\\"}, {\\\"value\\\": \\\"OH\\\", \\\"content\\\": \\\"Ohio\\\"}, {\\\"value\\\": \\\"OK\\\", \\\"content\\\": \\\"Oklahoma\\\"}, {\\\"value\\\": \\\"OR\\\", \\\"content\\\": \\\"Oregon\\\"}, {\\\"value\\\": \\\"PA\\\", \\\"content\\\": \\\"Pennsylvania\\\"}, {\\\"value\\\": \\\"RI\\\", \\\"content\\\": \\\"Rhode Island\\\"}, {\\\"value\\\": \\\"SC\\\", \\\"content\\\": \\\"South Carolina\\\"}, {\\\"value\\\": \\\"SD\\\", \\\"content\\\": \\\"South Dakota\\\"}, {\\\"value\\\": \\\"TN\\\", \\\"content\\\": \\\"Tennessee\\\"}, {\\\"value\\\": \\\"TX\\\", \\\"content\\\": \\\"Texas\\\"}, {\\\"value\\\": \\\"UT\\\", \\\"content\\\": \\\"Utah\\\"}, {\\\"value\\\": \\\"VT\\\", \\\"content\\\": \\\"Vermont\\\"}, {\\\"value\\\": \\\"VA\\\", \\\"content\\\": \\\"Virginia\\\"}, {\\\"value\\\": \\\"WA\\\", \\\"content\\\": \\\"Washington\\\"}, {\\\"value\\\": \\\"WV\\\", \\\"content\\\": \\\"West Virginia\\\"}, {\\\"value\\\": \\\"WI\\\", \\\"content\\\": \\\"Wisconsin\\\"}, {\\\"value\\\": \\\"WY\\\", \\\"content\\\": \\\"Wyoming\\\"}], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": true, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"defaultOptionKey\\\": \\\"KS\\\", \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"validation\\\": [], \\\"placeholder\\\": null, \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": {\\\"props\\\": [\\\"value\\\"], \\\"watch\\\": {\\\"value\\\": {\\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"mailingAddress.zipCode\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Zip Code\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [{\\\"field\\\": \\\"min:\\\", \\\"value\\\": \\\"min:5\\\", \\\"helper\\\": null, \\\"configs\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"label\\\": \\\"Min Input\\\", \\\"value\\\": \\\"5\\\", \\\"helper\\\": \\\"Validate that an attribute is at least a given length.\\\", \\\"validation\\\": \\\"required|integer\\\"}], \\\"content\\\": \\\"Min Length\\\", \\\"visible\\\": true}], \\\"placeholder\\\": null, \\\"customFormatter\\\": \\\"#####-####\\\"}, \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"conditionalHide\\\": \\\"address.differentMailingAddress\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[]\", \"watchers\": \"[]\", \"created_at\": \"2020-02-13 18:49:47\", \"custom_css\": \"[selector='right-label'] label {\\n float: right;\\n width: 40%;\\n padding: 6px;\\n background: #b6bfc6;\\n border: 1px solid #b6bfc6;\\n}\\n[selector='right-label'] input {\\n display: inline;\\n width: 60%;\\n}\", \"updated_at\": \"2023-05-07 19:55:26\", \"description\": \"Captures physical and mailing address\", \"is_template\": 0}, \"dependents\": [{\"meta\": null, \"name\": \"Base Forms\", \"type\": \"categories\", \"uuid\": \"99026824-663f-43ff-9f6c-c1c3fc7941eb\", \"discard\": false, \"modelClass\": \"ProcessMaker\\\\Models\\\\ScreenCategory\", \"exporterClass\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\CategoryExporter\", \"fallbackMatches\": {\"name\": \"Base Forms\"}}], \"references\": {\"uncategorized-category\": false}, \"type_human\": \"Screen\", \"description\": \"Captures physical and mailing address\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": [], \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"Admin User\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": 1, \"force_password_protect\": false}, \"99026824-cd31-4155-9ce5-4c3d9a29f075\": {\"mode\": \"copy\", \"name\": \"Contact Information 2 3\", \"type\": \"Screen\", \"model\": \"ProcessMaker\\\\Models\\\\Screen\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"attributes\": {\"id\": 69, \"key\": null, \"type\": \"FORM\", \"uuid\": \"99026824-cd31-4155-9ce5-4c3d9a29f075\", \"title\": \"Contact Information 2 3\", \"config\": \"[{\\\"name\\\": \\\"Contact Information\\\", \\\"items\\\": [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"contact.email\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Email\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(?Authorized signature<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"signerFullName\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Full Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": null, \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": 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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"_Ctor\\\": [], \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"value\\\": [], \\\"options\\\": [], \\\"language\\\": [], \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Signed on {{signedDate}}<\/strong><\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": 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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

<\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"authorizedSignature\\\", \\\"label\\\": \\\"I agree that my name typed here will be the electronic representation of my signature for this document, just the same as pen-and-paper-signature\\\", \\\"helper\\\": \\\"This field is required. You must agree before you can submit.\\\", \\\"toggle\\\": true, \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"11\\\"}]}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

.<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": 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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-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\\\"}]}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[{\\\"id\\\": 1, \\\"name\\\": \\\"Date and time signed\\\", \\\"type\\\": \\\"javascript\\\", \\\"formula\\\": \\\"let d = new Date(); \\\\nreturn d.toDateString() + \\\\\\\" \\\\\\\" + d.toTimeString();\\\", \\\"property\\\": \\\"signedDate\\\"}]\", \"watchers\": \"[]\", \"created_at\": \"2020-11-23 20:44:56\", \"custom_css\": \"#authorizedSignature {\\n font-style: italic;\\n}\", \"updated_at\": \"2023-05-04 16:54:14\", \"description\": \"Authorised signer nested screen\", \"is_template\": 0}, \"dependents\": [{\"meta\": null, \"name\": \"Base Forms\", \"type\": \"categories\", \"uuid\": \"99026824-663f-43ff-9f6c-c1c3fc7941eb\", \"discard\": false, \"modelClass\": \"ProcessMaker\\\\Models\\\\ScreenCategory\", \"exporterClass\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\CategoryExporter\", \"fallbackMatches\": {\"name\": \"Base Forms\"}}], \"references\": {\"uncategorized-category\": false}, \"type_human\": \"Screen\", \"description\": \"Authorised signer nested screen\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": [], \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"Admin User\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": 1, \"force_password_protect\": false}, \"99026824-ecb1-4c20-85bf-0248bc1dc02e\": {\"mode\": \"copy\", \"name\": \"Automobile Loan Request Form\", \"type\": \"Screen\", \"model\": \"ProcessMaker\\\\Models\\\\Screen\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"attributes\": {\"id\": 72, \"key\": null, \"type\": \"FORM\", \"uuid\": \"99026824-ecb1-4c20-85bf-0248bc1dc02e\", \"title\": \"Automobile Loan Request Form\", \"config\": \"[{\\\"name\\\": \\\"Customer Personal Information\\\", \\\"items\\\": [{\\\"items\\\": [[], [{\\\"items\\\": [[], [{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"logo%20icon\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAACwCAYAAABqxX7PAAAACXBIWXMAAAsSAAALEgHS3X78AAAKmklEQVR4nO2d3W8cVx2G35l1nA8ncZIuDU2FYiRKaRuIaV1UYCF7CVf4P2B7j0SuEBKUOEGgcoW54Br3LyAV4oKLClcycVQtilOVUgGCtVLahC6tN2SJy3rmcDG79tjeWe\/H7Dnv7L6PNPJ4vXPO2Z3HvzPnY854xhgIwYjvugBCJCE5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtE64LMAy++n59BqEpIsQMQhRNCDT3zyM0QAgYAyDc2Uzz9U6vmRCAAbbT2PN+hCb2mgGCEAiC6GcY2w8C5M5Nwn90ct3LH\/L9Rybz8L2jXXy015s\/1wBUAKyt5KeWU\/ra6PBGZZW5QrU+C4MSQsybmIT7JeKQM\/oZAmG0n3vi+MNDhbyHnHekx49eA7AM4PpKfmppoC+RjMzLWajWSwBKAC6hKZyJSZgVORGE8CYMDn3jXNV\/\/Fi+z6+jBmARwNJKfqrSZxo0ZFbOQrVeRHQiLm6\/mHE5W68f+ua5D3OfOXlmwK\/oKoDFlfzUxoDpOCNzDaJCtX6qUK1fB\/B7xMUcIRq\/vXPG\/KdRHTCZKwAqhWp9Po0yuSBTchaq9VlEDYFvOS7K0Glcr\/RbtceZBvDrQrW+VKjWT6WQnlUyI2fz2vIWoi985Ak\/2ET49\/t3Ukru2wCWC9X6TErpWSETcjbF\/JXrctgmePPDT6WY3EUAa83aJxPQyzmuYgJA8Nda2klOI4qgmRCUWs5xFrOFedC4l3KSLUHpr0Fp5Wz+dy+6LodzGuHmEFLNhKCUcja\/tCWMSePHERcBLLguRCco5QRwGSPah0nGd5uDGZTQydns7rjiuhxjBG0fKJ2ciKpzYY\/ziGoqOqjkbEbNS67LMYZcZoyeVHKC\/AJ9hJlGNLOLCho5m\/+5mZ2kMALQVe00ciISU11H7jjPNnLEJGfRdQEEV9XOJKeqdPdQnQMKOZutdFXp7jnP1GqnkBPAjOsCiG1orjtZ5Cy6LoDYpui6AC1Y5BQ80FTrLIsqzLguAC2muaWZXmdoqnXJyU7rVuNByObd3zRyigS276\/v+oCuX6SHWs7wg02Eb390zzwMtsL36ltdH7j3XJgu\/9b6fWryLnL+pjdzZs2bPjrMRQmKiK7xkueuhibaOpFN9w6EUs7w3Toav7lTMx8H0wDOWsp2eymX8g+erVjKEwAw9\/JbpxCNbV\/G3v7edtX6sGQkk5xOzsZr71WDP23kAUzD92xl+zqA+fK1550s3VL+\/oUNAAtz124tIprPurNoRKtaH4Y4bdJk8pNKzsZrd6vB2\/fz8Kz2cL1SvvpcyWaGSZR\/9MUNAPNzL72xhGghBJgAQJBiJkz2HQBNP2f4z\/8ieKeWh+\/B4nabRcw45R9\/qQTgVQD7FhfraQvabB2P6eL61iI0kbPxu\/dr8H3b4+sly\/n1QglABaZHYXjcGhiKyBne3TxuGmbactR8pfzS7Jrrz55E+acvbABY6jk69hhdTZuNBYrIGfz5\/pbl60wAuG47wz5YMiHm1Vp3iPk4hMWWeYtl2xn2SvlnX1l7YfXfW6k2iFqQidgOCjnDf\/0P8O1GzvL3ns7Eir9ezn8w8PAlkAkZ90IhJ0JsOoic2SDnP+i7BZ1wWFY85ZDT\/vVmZjDwtrqOnFmxrks45FTUTOYgMUdMyDgkcipyJhKXc0xa6S045PQUORMZsKWe5Rl0HHKqWk\/EpDWcmBEh45DIqWo9kX66kTIoYjtI5FTkTGTgWfDZhURORc5EkuQcVh8mkeAccqpBlIhRa90xipzJdN1aH71pdSRyKnImMmhrPSMitoNDTg1fJnNAgyjL\/ZgHwSGnImciXU3+HREZ90IipyJnIj221geGSHQSORU5E2nJmao0pu0uGyRyKnImEuzYk5pHxELG4ZBTgTORgW84y4iI7ZCc7HTdIEprtjyPzZKTnSChF75rh8jXnOkAhZwavexAEAudIxohk6CQU631DrQi54EupTUThEdaDjnlZjJbfUyFN4m\/9HisWyQnO0GXy30MEiGJhIwjOdkJguSnWwwhQnqnJ473ltDwkJzsBMHuJbmHHCG9I5NHes1hWHDIqQGitsz9\/C+7n0VpobXuP3b4QX8ZpA+FnOpKSiAILtvsz\/SOTcA\/PUnhBEAip6r1\/cy9\/FYRwKWeD+y3P9MAuQuP3MMhX5FzF5JzF3M\/eXMGieuHpjXiY3Yd5z96FP65Y2cBvNNPasNAcpIxd+3WLKInanRegnyACLkX7\/RhTHz9sYcAjnaXiB045NQIEQBg7sofLwNYAEx7MQcd7WlzfO6pM5u52U+E8L1jvaY+bDjkHFM35374xilED0ItInpAwfm2bzT7drqnTYT1zk7Byx\/9KPdM3vcO56ZZv\/+xlNPUG\/W5X\/7DwGs+vMDzsbPvJezH34OdDc3eBq+5E\/\/bns3D7t\/9rz25\/z2xdNun48Xy6\/S+Vlr7y9vcP80qZQuOHsYOJ3QomzF\/s\/PByCAdpkyCInJa7+f09p4ng7G9tiCGQk7r8buv\/NoI3IvT8r9nOOTUSdvNASIP2fPK8JLujfGUU\/8Mnai4LkALyZkCqUYy99U\/zSMXSeRksNOFFQPmOZxr3kqfpUkdDjkz0SDKKj39A9RuPHFCkTNOdqbMxU60++p3GFA9rJZCTvprzriI\/UjpWuTu85ec+2CXczyo3fjsCcm5D8nCwKLrAuyFQ06XDaJdVbZJ\/wI4O6NIS85yToBDTsbI6fo68SDSLd\/VG0+eqKSWWkqMp5wD5cdubc\/UQFilAyRy2u5KMoPm59rPdPMv3fjciY3UUksRCjk5RohGlM4iv3rjKa4WehwOOTVC5ILbiG4NoYVDTqpAlmKd6br6T6YGoLT6NGd13mI85WQUxp7INQDF1Wd4xtCTkJzjRSTmBX4xAck5TtwGUFz9PHdVHoeiadC6A9fa5voDd6Df1bUP4BcAiqtfyI6YAEvkZG2tDzobyTUG6\/BQWp09sey6KP3AISfdSc+iibtYB7Cw+uzJJdcFGQQSOS2L4GH4\/rnx+zaAxZvPZVvKFiRyOs7PdfXdf541AMvN7frN509W0ioSA2MppzeV2wRw1W6uqVFpbTe\/PFoy7oVDTssNIu\/kxGb5O59esJur6BUKObNzg5uwCYWcDhoOFes5ip4ZVzkzMXw37oyrnLRzGMUOHHLabRCt\/+Hx4xWrOYq+4JDTbuSkvF9G7IdETmt21kB4C6xoD4WcFruSFlc+OZWpmTnjDIWclqr12ytnpxas5CRSgUNOOw2ikpVcRGpwyDn8yPniSn5KfZsZg2Im\/JB5cSU\/teS6EKJ3Rl1OiZlhOKr19FkHMK+qPNuMWuSsIZqnOSsxs8+oRM51RJ3riyt59WOOClmUs4ZoVtEGmrcoKEqOJp4xGXuUrBgbRu2aU4wQklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0PJ\/ci7WRJGAHygAAAAASUVORK5CYII=\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"width\\\": \\\"105\\\", \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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\\\": \\\"

Auto Loan Request<\/h3>\\\\n

Basic Information<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], []], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": 2, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 4, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 5, \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": 6, \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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>\\\\n

 <\/p>\\\\n

\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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\\\": \\\"

Personal Information<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Nested Screen\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-file-invoice\\\", \\\"name\\\": \\\"Nested Screen\\\", \\\"label\\\": \\\"Nested Screen\\\", \\\"value\\\": null, \\\"screen\\\": 67, \\\"variant\\\": \\\"primary\\\"}, \\\"component\\\": \\\"FormNestedScreen\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"ScreenSelector\\\", \\\"field\\\": \\\"screen\\\", \\\"config\\\": {\\\"name\\\": \\\"SelectScreen\\\", \\\"label\\\": \\\"Screen\\\", \\\"helper\\\": \\\"Select a screen\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormNestedScreen\\\", \\\"editor-component\\\": \\\"FormNestedScreen\\\"}, {\\\"label\\\": \\\"Nested Screen\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-file-invoice\\\", \\\"name\\\": \\\"Nested Screen\\\", \\\"label\\\": \\\"Nested Screen\\\", \\\"value\\\": null, \\\"screen\\\": 69, \\\"variant\\\": \\\"primary\\\"}, \\\"component\\\": \\\"FormNestedScreen\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"ScreenSelector\\\", \\\"field\\\": \\\"screen\\\", \\\"config\\\": {\\\"name\\\": \\\"SelectScreen\\\", \\\"label\\\": \\\"Screen\\\", \\\"helper\\\": \\\"Select a screen\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormNestedScreen\\\", \\\"editor-component\\\": \\\"FormNestedScreen\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

 <\/p>\\\\n

 <\/p>\\\\n

\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Nested Screen\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-file-invoice\\\", \\\"name\\\": \\\"Nested Screen\\\", \\\"label\\\": \\\"Nested Screen\\\", \\\"value\\\": null, \\\"screen\\\": 68, \\\"variant\\\": \\\"primary\\\"}, \\\"component\\\": \\\"FormNestedScreen\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"ScreenSelector\\\", \\\"field\\\": \\\"screen\\\", \\\"config\\\": {\\\"name\\\": \\\"SelectScreen\\\", \\\"label\\\": \\\"Screen\\\", \\\"helper\\\": \\\"Select a screen\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormNestedScreen\\\", \\\"editor-component\\\": \\\"FormNestedScreen\\\"}, {\\\"items\\\": [[], [], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Please fill all required fields to continue.<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"not (((firstName and lastName and birthDate and SSN) and (address.street and address.city and address.state and address.zipCode) and (contact.email and contact.cellPhone and contact.preferredMethod)))\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"Next\\\", \\\"variant\\\": \\\"primary\\\", \\\"eventData\\\": \\\"1\\\", \\\"conditionalHide\\\": \\\"((firstName and lastName and birthDate and SSN) and (address.street and address.city and address.state and address.zipCode) and (contact.email and contact.cellPhone and contact.preferredMethod))\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"3\\\"}], \\\"customCssSelector\\\": \\\"page-nav\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

1<\/span> of 4<\/span><\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], []], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"10\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}, {\\\"name\\\": \\\"Customer Financial Information\\\", \\\"items\\\": [{\\\"items\\\": [[], [{\\\"items\\\": [[], [{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"logo%20icon\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAACwCAYAAABqxX7PAAAACXBIWXMAAAsSAAALEgHS3X78AAAKmklEQVR4nO2d3W8cVx2G35l1nA8ncZIuDU2FYiRKaRuIaV1UYCF7CVf4P2B7j0SuEBKUOEGgcoW54Br3LyAV4oKLClcycVQtilOVUgGCtVLahC6tN2SJy3rmcDG79tjeWe\/H7Dnv7L6PNPJ4vXPO2Z3HvzPnY854xhgIwYjvugBCJCE5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtE64LMAy++n59BqEpIsQMQhRNCDT3zyM0QAgYAyDc2Uzz9U6vmRCAAbbT2PN+hCb2mgGCEAiC6GcY2w8C5M5Nwn90ct3LH\/L9Rybz8L2jXXy015s\/1wBUAKyt5KeWU\/ra6PBGZZW5QrU+C4MSQsybmIT7JeKQM\/oZAmG0n3vi+MNDhbyHnHekx49eA7AM4PpKfmppoC+RjMzLWajWSwBKAC6hKZyJSZgVORGE8CYMDn3jXNV\/\/Fi+z6+jBmARwNJKfqrSZxo0ZFbOQrVeRHQiLm6\/mHE5W68f+ua5D3OfOXlmwK\/oKoDFlfzUxoDpOCNzDaJCtX6qUK1fB\/B7xMUcIRq\/vXPG\/KdRHTCZKwAqhWp9Po0yuSBTchaq9VlEDYFvOS7K0Glcr\/RbtceZBvDrQrW+VKjWT6WQnlUyI2fz2vIWoi985Ak\/2ET49\/t3Ukru2wCWC9X6TErpWSETcjbF\/JXrctgmePPDT6WY3EUAa83aJxPQyzmuYgJA8Nda2klOI4qgmRCUWs5xFrOFedC4l3KSLUHpr0Fp5Wz+dy+6LodzGuHmEFLNhKCUcja\/tCWMSePHERcBLLguRCco5QRwGSPah0nGd5uDGZTQydns7rjiuhxjBG0fKJ2ciKpzYY\/ziGoqOqjkbEbNS67LMYZcZoyeVHKC\/AJ9hJlGNLOLCho5m\/+5mZ2kMALQVe00ciISU11H7jjPNnLEJGfRdQEEV9XOJKeqdPdQnQMKOZutdFXp7jnP1GqnkBPAjOsCiG1orjtZ5Cy6LoDYpui6AC1Y5BQ80FTrLIsqzLguAC2muaWZXmdoqnXJyU7rVuNByObd3zRyigS276\/v+oCuX6SHWs7wg02Eb390zzwMtsL36ltdH7j3XJgu\/9b6fWryLnL+pjdzZs2bPjrMRQmKiK7xkueuhibaOpFN9w6EUs7w3Toav7lTMx8H0wDOWsp2eymX8g+erVjKEwAw9\/JbpxCNbV\/G3v7edtX6sGQkk5xOzsZr71WDP23kAUzD92xl+zqA+fK1550s3VL+\/oUNAAtz124tIprPurNoRKtaH4Y4bdJk8pNKzsZrd6vB2\/fz8Kz2cL1SvvpcyWaGSZR\/9MUNAPNzL72xhGghBJgAQJBiJkz2HQBNP2f4z\/8ieKeWh+\/B4nabRcw45R9\/qQTgVQD7FhfraQvabB2P6eL61iI0kbPxu\/dr8H3b4+sly\/n1QglABaZHYXjcGhiKyBne3TxuGmbactR8pfzS7Jrrz55E+acvbABY6jk69hhdTZuNBYrIGfz5\/pbl60wAuG47wz5YMiHm1Vp3iPk4hMWWeYtl2xn2SvlnX1l7YfXfW6k2iFqQidgOCjnDf\/0P8O1GzvL3ns7Eir9ezn8w8PAlkAkZ90IhJ0JsOoic2SDnP+i7BZ1wWFY85ZDT\/vVmZjDwtrqOnFmxrks45FTUTOYgMUdMyDgkcipyJhKXc0xa6S045PQUORMZsKWe5Rl0HHKqWk\/EpDWcmBEh45DIqWo9kX66kTIoYjtI5FTkTGTgWfDZhURORc5EkuQcVh8mkeAccqpBlIhRa90xipzJdN1aH71pdSRyKnImMmhrPSMitoNDTg1fJnNAgyjL\/ZgHwSGnImciXU3+HREZ90IipyJnIj221geGSHQSORU5E2nJmao0pu0uGyRyKnImEuzYk5pHxELG4ZBTgTORgW84y4iI7ZCc7HTdIEprtjyPzZKTnSChF75rh8jXnOkAhZwavexAEAudIxohk6CQU631DrQi54EupTUThEdaDjnlZjJbfUyFN4m\/9HisWyQnO0GXy30MEiGJhIwjOdkJguSnWwwhQnqnJ473ltDwkJzsBMHuJbmHHCG9I5NHes1hWHDIqQGitsz9\/C+7n0VpobXuP3b4QX8ZpA+FnOpKSiAILtvsz\/SOTcA\/PUnhBEAip6r1\/cy9\/FYRwKWeD+y3P9MAuQuP3MMhX5FzF5JzF3M\/eXMGieuHpjXiY3Yd5z96FP65Y2cBvNNPasNAcpIxd+3WLKInanRegnyACLkX7\/RhTHz9sYcAjnaXiB045NQIEQBg7sofLwNYAEx7MQcd7WlzfO6pM5u52U+E8L1jvaY+bDjkHFM35374xilED0ItInpAwfm2bzT7drqnTYT1zk7Byx\/9KPdM3vcO56ZZv\/+xlNPUG\/W5X\/7DwGs+vMDzsbPvJezH34OdDc3eBq+5E\/\/bns3D7t\/9rz25\/z2xdNun48Xy6\/S+Vlr7y9vcP80qZQuOHsYOJ3QomzF\/s\/PByCAdpkyCInJa7+f09p4ng7G9tiCGQk7r8buv\/NoI3IvT8r9nOOTUSdvNASIP2fPK8JLujfGUU\/8Mnai4LkALyZkCqUYy99U\/zSMXSeRksNOFFQPmOZxr3kqfpUkdDjkz0SDKKj39A9RuPHFCkTNOdqbMxU60++p3GFA9rJZCTvprzriI\/UjpWuTu85ec+2CXczyo3fjsCcm5D8nCwKLrAuyFQ06XDaJdVbZJ\/wI4O6NIS85yToBDTsbI6fo68SDSLd\/VG0+eqKSWWkqMp5wD5cdubc\/UQFilAyRy2u5KMoPm59rPdPMv3fjciY3UUksRCjk5RohGlM4iv3rjKa4WehwOOTVC5ILbiG4NoYVDTqpAlmKd6br6T6YGoLT6NGd13mI85WQUxp7INQDF1Wd4xtCTkJzjRSTmBX4xAck5TtwGUFz9PHdVHoeiadC6A9fa5voDd6Df1bUP4BcAiqtfyI6YAEvkZG2tDzobyTUG6\/BQWp09sey6KP3AISfdSc+iibtYB7Cw+uzJJdcFGQQSOS2L4GH4\/rnx+zaAxZvPZVvKFiRyOs7PdfXdf541AMvN7frN509W0ioSA2MppzeV2wRw1W6uqVFpbTe\/PFoy7oVDTssNIu\/kxGb5O59esJur6BUKObNzg5uwCYWcDhoOFes5ip4ZVzkzMXw37oyrnLRzGMUOHHLabRCt\/+Hx4xWrOYq+4JDTbuSkvF9G7IdETmt21kB4C6xoD4WcFruSFlc+OZWpmTnjDIWclqr12ytnpxas5CRSgUNOOw2ikpVcRGpwyDn8yPniSn5KfZsZg2Im\/JB5cSU\/teS6EKJ3Rl1OiZlhOKr19FkHMK+qPNuMWuSsIZqnOSsxs8+oRM51RJ3riyt59WOOClmUs4ZoVtEGmrcoKEqOJp4xGXuUrBgbRu2aU4wQklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0PJ\/ci7WRJGAHygAAAAASUVORK5CYII=\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"width\\\": \\\"105\\\", \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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\\\": \\\"

Auto loan request<\/h3>\\\\n

Basic information<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], []], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": 2, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 4, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 5, \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": 6, \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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>\\\\n

 <\/p>\\\\n

\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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\\\": \\\"

Customer financial information<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"typeHome\\\", \\\"label\\\": \\\"Do you own or rent your home?\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[{\\\\\\\"value\\\\\\\":\\\\\\\"Own\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Own\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"Rent\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Rent\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"Other\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"Other\\\\\\\"}]\\\", \\\"renderAs\\\": \\\"checkbox\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [{\\\"value\\\": \\\"Own\\\", \\\"content\\\": \\\"Own\\\"}, {\\\"value\\\": \\\"Rent\\\", \\\"content\\\": \\\"Rent\\\"}, {\\\"value\\\": \\\"Other\\\", \\\"content\\\": \\\"Other\\\"}], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"validation\\\": [], \\\"placeholder\\\": null, \\\"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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}], [{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"yearscurrjob\\\", \\\"label\\\": \\\"How many years have you been at your current job?\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[{\\\\\\\"content\\\\\\\":\\\\\\\"Unemployed\\\\\\\",\\\\\\\"value\\\\\\\":\\\\\\\"Unemployed\\\\\\\"},{\\\\\\\"content\\\\\\\":\\\\\\\"Less than 2 years\\\\\\\",\\\\\\\"value\\\\\\\":\\\\\\\"Less than 2 years\\\\\\\"},{\\\\\\\"content\\\\\\\":\\\\\\\"2 - 5 years\\\\\\\",\\\\\\\"value\\\\\\\":\\\\\\\"2 - 5 years\\\\\\\"},{\\\\\\\"content\\\\\\\":\\\\\\\"More than 5 years\\\\\\\",\\\\\\\"value\\\\\\\":\\\\\\\"More than 5 years\\\\\\\"}]\\\", \\\"renderAs\\\": \\\"checkbox\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [{\\\"value\\\": \\\"Unemployed\\\", \\\"content\\\": \\\"Unemployed\\\"}, {\\\"value\\\": \\\"Less than 2 years\\\", \\\"content\\\": \\\"Less than 2 years\\\"}, {\\\"value\\\": \\\"2 - 5 years\\\", \\\"content\\\": \\\"2 - 5 years\\\"}, {\\\"value\\\": \\\"More than 5 years\\\", \\\"content\\\": \\\"More than 5 years\\\"}], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"validation\\\": [], \\\"placeholder\\\": null, \\\"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-Z_a-z])(?:[0-9A-Z_a-z])*(?:[A-Z.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

 <\/p>\\\\n

 <\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Help us understand your monthly income and expenses<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

What is your total monthly income after taxes?<\/span><\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"monthlyIncomeAT\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Amount per month $\\\", \\\"helper\\\": null, \\\"dataMask\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"currency\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_a-z])(?:[0-9A-Z_a-z])*(?:[A-Z.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"2\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

How much is your rent or mortgage payment?<\/span><\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"mortagePay\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Amount per month $\\\", \\\"helper\\\": null, \\\"dataMask\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"currency\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_a-z])(?:[0-9A-Z_a-z])*(?:[A-Z.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"2\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

How much is your monthly car payment(s)?<\/span><\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"monthCarPay\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Amount per month $\\\", \\\"helper\\\": null, \\\"dataMask\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"currency\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_a-z])(?:[0-9A-Z_a-z])*(?:[A-Z.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"2\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

What is your total monthly payment for your credit cards and other financing?<\/span><\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"monthCreditC\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Amount per month $\\\", \\\"helper\\\": null, \\\"dataMask\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"currency\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_a-z])(?:[0-9A-Z_a-z])*(?:[A-Z.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"2\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

List any other monthly payments<\/span><\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"otherMonthlyPay\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Amount per month $\\\", \\\"helper\\\": null, \\\"dataMask\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"currency\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_a-z])(?:[0-9A-Z_a-z])*(?:[A-Z.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"2\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

 <\/p>\\\\n

 <\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

2<\/span> of 4<\/span><\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"Back\\\", \\\"variant\\\": \\\"link\\\", \\\"eventData\\\": \\\"0\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [], [{\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"Next\\\", \\\"variant\\\": \\\"primary\\\", \\\"eventData\\\": \\\"2\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"3\\\"}], \\\"customCssSelector\\\": \\\"page-nav\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], []], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"10\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}, {\\\"name\\\": \\\"Information about the deal\\\", \\\"items\\\": [{\\\"items\\\": [[], [{\\\"items\\\": [[], [{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"logo%20icon\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAACwCAYAAABqxX7PAAAACXBIWXMAAAsSAAALEgHS3X78AAAKmklEQVR4nO2d3W8cVx2G35l1nA8ncZIuDU2FYiRKaRuIaV1UYCF7CVf4P2B7j0SuEBKUOEGgcoW54Br3LyAV4oKLClcycVQtilOVUgGCtVLahC6tN2SJy3rmcDG79tjeWe\/H7Dnv7L6PNPJ4vXPO2Z3HvzPnY854xhgIwYjvugBCJCE5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtE64LMAy++n59BqEpIsQMQhRNCDT3zyM0QAgYAyDc2Uzz9U6vmRCAAbbT2PN+hCb2mgGCEAiC6GcY2w8C5M5Nwn90ct3LH\/L9Rybz8L2jXXy015s\/1wBUAKyt5KeWU\/ra6PBGZZW5QrU+C4MSQsybmIT7JeKQM\/oZAmG0n3vi+MNDhbyHnHekx49eA7AM4PpKfmppoC+RjMzLWajWSwBKAC6hKZyJSZgVORGE8CYMDn3jXNV\/\/Fi+z6+jBmARwNJKfqrSZxo0ZFbOQrVeRHQiLm6\/mHE5W68f+ua5D3OfOXlmwK\/oKoDFlfzUxoDpOCNzDaJCtX6qUK1fB\/B7xMUcIRq\/vXPG\/KdRHTCZKwAqhWp9Po0yuSBTchaq9VlEDYFvOS7K0Glcr\/RbtceZBvDrQrW+VKjWT6WQnlUyI2fz2vIWoi985Ak\/2ET49\/t3Ukru2wCWC9X6TErpWSETcjbF\/JXrctgmePPDT6WY3EUAa83aJxPQyzmuYgJA8Nda2klOI4qgmRCUWs5xFrOFedC4l3KSLUHpr0Fp5Wz+dy+6LodzGuHmEFLNhKCUcja\/tCWMSePHERcBLLguRCco5QRwGSPah0nGd5uDGZTQydns7rjiuhxjBG0fKJ2ciKpzYY\/ziGoqOqjkbEbNS67LMYZcZoyeVHKC\/AJ9hJlGNLOLCho5m\/+5mZ2kMALQVe00ciISU11H7jjPNnLEJGfRdQEEV9XOJKeqdPdQnQMKOZutdFXp7jnP1GqnkBPAjOsCiG1orjtZ5Cy6LoDYpui6AC1Y5BQ80FTrLIsqzLguAC2muaWZXmdoqnXJyU7rVuNByObd3zRyigS276\/v+oCuX6SHWs7wg02Eb390zzwMtsL36ltdH7j3XJgu\/9b6fWryLnL+pjdzZs2bPjrMRQmKiK7xkueuhibaOpFN9w6EUs7w3Toav7lTMx8H0wDOWsp2eymX8g+erVjKEwAw9\/JbpxCNbV\/G3v7edtX6sGQkk5xOzsZr71WDP23kAUzD92xl+zqA+fK1550s3VL+\/oUNAAtz124tIprPurNoRKtaH4Y4bdJk8pNKzsZrd6vB2\/fz8Kz2cL1SvvpcyWaGSZR\/9MUNAPNzL72xhGghBJgAQJBiJkz2HQBNP2f4z\/8ieKeWh+\/B4nabRcw45R9\/qQTgVQD7FhfraQvabB2P6eL61iI0kbPxu\/dr8H3b4+sly\/n1QglABaZHYXjcGhiKyBne3TxuGmbactR8pfzS7Jrrz55E+acvbABY6jk69hhdTZuNBYrIGfz5\/pbl60wAuG47wz5YMiHm1Vp3iPk4hMWWeYtl2xn2SvlnX1l7YfXfW6k2iFqQidgOCjnDf\/0P8O1GzvL3ns7Eir9ezn8w8PAlkAkZ90IhJ0JsOoic2SDnP+i7BZ1wWFY85ZDT\/vVmZjDwtrqOnFmxrks45FTUTOYgMUdMyDgkcipyJhKXc0xa6S045PQUORMZsKWe5Rl0HHKqWk\/EpDWcmBEh45DIqWo9kX66kTIoYjtI5FTkTGTgWfDZhURORc5EkuQcVh8mkeAccqpBlIhRa90xipzJdN1aH71pdSRyKnImMmhrPSMitoNDTg1fJnNAgyjL\/ZgHwSGnImciXU3+HREZ90IipyJnIj221geGSHQSORU5E2nJmao0pu0uGyRyKnImEuzYk5pHxELG4ZBTgTORgW84y4iI7ZCc7HTdIEprtjyPzZKTnSChF75rh8jXnOkAhZwavexAEAudIxohk6CQU631DrQi54EupTUThEdaDjnlZjJbfUyFN4m\/9HisWyQnO0GXy30MEiGJhIwjOdkJguSnWwwhQnqnJ473ltDwkJzsBMHuJbmHHCG9I5NHes1hWHDIqQGitsz9\/C+7n0VpobXuP3b4QX8ZpA+FnOpKSiAILtvsz\/SOTcA\/PUnhBEAip6r1\/cy9\/FYRwKWeD+y3P9MAuQuP3MMhX5FzF5JzF3M\/eXMGieuHpjXiY3Yd5z96FP65Y2cBvNNPasNAcpIxd+3WLKInanRegnyACLkX7\/RhTHz9sYcAjnaXiB045NQIEQBg7sofLwNYAEx7MQcd7WlzfO6pM5u52U+E8L1jvaY+bDjkHFM35374xilED0ItInpAwfm2bzT7drqnTYT1zk7Byx\/9KPdM3vcO56ZZv\/+xlNPUG\/W5X\/7DwGs+vMDzsbPvJezH34OdDc3eBq+5E\/\/bns3D7t\/9rz25\/z2xdNun48Xy6\/S+Vlr7y9vcP80qZQuOHsYOJ3QomzF\/s\/PByCAdpkyCInJa7+f09p4ng7G9tiCGQk7r8buv\/NoI3IvT8r9nOOTUSdvNASIP2fPK8JLujfGUU\/8Mnai4LkALyZkCqUYy99U\/zSMXSeRksNOFFQPmOZxr3kqfpUkdDjkz0SDKKj39A9RuPHFCkTNOdqbMxU60++p3GFA9rJZCTvprzriI\/UjpWuTu85ec+2CXczyo3fjsCcm5D8nCwKLrAuyFQ06XDaJdVbZJ\/wI4O6NIS85yToBDTsbI6fo68SDSLd\/VG0+eqKSWWkqMp5wD5cdubc\/UQFilAyRy2u5KMoPm59rPdPMv3fjciY3UUksRCjk5RohGlM4iv3rjKa4WehwOOTVC5ILbiG4NoYVDTqpAlmKd6br6T6YGoLT6NGd13mI85WQUxp7INQDF1Wd4xtCTkJzjRSTmBX4xAck5TtwGUFz9PHdVHoeiadC6A9fa5voDd6Df1bUP4BcAiqtfyI6YAEvkZG2tDzobyTUG6\/BQWp09sey6KP3AISfdSc+iibtYB7Cw+uzJJdcFGQQSOS2L4GH4\/rnx+zaAxZvPZVvKFiRyOs7PdfXdf541AMvN7frN509W0ioSA2MppzeV2wRw1W6uqVFpbTe\/PFoy7oVDTssNIu\/kxGb5O59esJur6BUKObNzg5uwCYWcDhoOFes5ip4ZVzkzMXw37oyrnLRzGMUOHHLabRCt\/+Hx4xWrOYq+4JDTbuSkvF9G7IdETmt21kB4C6xoD4WcFruSFlc+OZWpmTnjDIWclqr12ytnpxas5CRSgUNOOw2ikpVcRGpwyDn8yPniSn5KfZsZg2Im\/JB5cSU\/teS6EKJ3Rl1OiZlhOKr19FkHMK+qPNuMWuSsIZqnOSsxs8+oRM51RJ3riyt59WOOClmUs4ZoVtEGmrcoKEqOJp4xGXuUrBgbRu2aU4wQklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0PJ\/ci7WRJGAHygAAAAASUVORK5CYII=\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"width\\\": \\\"105\\\", \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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\\\": \\\"

Auto loan request<\/h3>\\\\n

Basic information<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], []], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": 2, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 4, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 5, \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": 6, \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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>\\\\n

 <\/p>\\\\n

\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Capture information about the deal<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"loanAmountRequested\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Amount of the loan you're requiring\\\", \\\"helper\\\": null, \\\"dataMask\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"currency\\\", \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"automobilePlanToPurchase\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"How much is the automobile you plan to purchase?\\\", \\\"helper\\\": null, \\\"dataMask\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"currency\\\", \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"automobileManufacturer\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Manufacturer of the automobile you're purchasing\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"automobileModel\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Model of the automobile your're purchasing\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"automobileVINNumber\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"VIN Number of the automobile you're purchasing (if available).\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"Multiselect\\\": {\\\"name\\\": \\\"vue-multiselect\\\", \\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"default\\\": null}, \\\"limit\\\": {\\\"default\\\": 99999}, \\\"loading\\\": {\\\"default\\\": false}, \\\"disabled\\\": {\\\"default\\\": false}, \\\"tabindex\\\": {\\\"default\\\": 0}, \\\"limitText\\\": [], \\\"maxHeight\\\": {\\\"default\\\": 300}, \\\"showLabels\\\": {\\\"default\\\": true}, \\\"selectLabel\\\": {\\\"default\\\": \\\"Press enter to select\\\"}, \\\"deselectLabel\\\": {\\\"default\\\": \\\"Press enter to remove\\\"}, \\\"openDirection\\\": {\\\"default\\\": null}, \\\"selectedLabel\\\": {\\\"default\\\": \\\"Selected\\\"}, \\\"showNoOptions\\\": {\\\"default\\\": true}, \\\"showNoResults\\\": {\\\"default\\\": true}, \\\"selectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to select group\\\"}, \\\"deselectGroupLabel\\\": {\\\"default\\\": \\\"Press enter to deselect group\\\"}}, \\\"mixins\\\": [{\\\"props\\\": {\\\"id\\\": {\\\"default\\\": null}, \\\"max\\\": {\\\"type\\\": [null, null], \\\"default\\\": false}, \\\"label\\\": [], \\\"value\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"required\\\": true}, \\\"trackBy\\\": [], \\\"multiple\\\": {\\\"default\\\": false}, \\\"taggable\\\": {\\\"default\\\": false}, \\\"blockKeys\\\": [], \\\"allowEmpty\\\": {\\\"default\\\": true}, \\\"groupLabel\\\": [], \\\"resetAfter\\\": {\\\"default\\\": false}, \\\"searchable\\\": {\\\"default\\\": true}, \\\"customLabel\\\": [], \\\"groupSelect\\\": {\\\"default\\\": false}, \\\"groupValues\\\": [], \\\"placeholder\\\": {\\\"default\\\": \\\"Select option\\\"}, \\\"tagPosition\\\": {\\\"default\\\": \\\"top\\\"}, \\\"hideSelected\\\": {\\\"default\\\": false}, \\\"optionsLimit\\\": {\\\"default\\\": 1000}, \\\"clearOnSelect\\\": {\\\"default\\\": true}, \\\"closeOnSelect\\\": {\\\"default\\\": true}, \\\"internalSearch\\\": {\\\"default\\\": true}, \\\"preselectFirst\\\": {\\\"default\\\": false}, \\\"preserveSearch\\\": {\\\"default\\\": false}, \\\"tagPlaceholder\\\": {\\\"default\\\": \\\"Press enter to create a tag\\\"}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}, {\\\"props\\\": {\\\"showPointer\\\": {\\\"default\\\": true}, \\\"optionHeight\\\": {\\\"default\\\": 40}}, \\\"watch\\\": [], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"beforeCreate\\\": [null], \\\"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\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"value\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"value\\\": {\\\"user\\\": true, \\\"immediate\\\": true}}, \\\"methods\\\": [], \\\"_scopeId\\\": \\\"data-v-67152bf8\\\", \\\"computed\\\": {\\\"effectiveValue\\\": []}, \\\"_compiled\\\": true, \\\"components\\\": {\\\"MonacoEditor\\\": {\\\"name\\\": \\\"MonacoEditor\\\", \\\"model\\\": {\\\"event\\\": \\\"change\\\"}, \\\"props\\\": {\\\"theme\\\": {\\\"default\\\": \\\"vs\\\"}, \\\"amdRequire\\\": []}, \\\"watch\\\": {\\\"options\\\": {\\\"deep\\\": true}}, \\\"methods\\\": []}}, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"Takes precedence over value set in data.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"loanPayYears\\\", \\\"label\\\": \\\"How many years do you want to pay the loan off in?\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[{\\\\\\\"value\\\\\\\":\\\\\\\"1\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"1\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"2\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"2\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"3\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"3\\\\\\\"},{\\\\\\\"value\\\\\\\":\\\\\\\"4\\\\\\\",\\\\\\\"content\\\\\\\":\\\\\\\"4\\\\\\\"},{\\\\\\\"content\\\\\\\":\\\\\\\"5\\\\\\\",\\\\\\\"value\\\\\\\":\\\\\\\"5\\\\\\\"}]\\\", \\\"renderAs\\\": \\\"checkbox\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"4\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": \\\"5\\\", \\\"content\\\": \\\"5\\\"}], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"validation\\\": [], \\\"placeholder\\\": null, \\\"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-Z_a-z])(?:[0-9A-Z_a-z])*(?:[A-Z.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

 <\/p>\\\\n

 <\/p>\\\\n

\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"
3<\/span> of 4<\/span><\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"Back\\\", \\\"variant\\\": \\\"link\\\", \\\"eventData\\\": \\\"1\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Please fill all required fields to continue.<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"not (loanAmountRequested and automobilePlanToPurchase)\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"Next\\\", \\\"variant\\\": \\\"primary\\\", \\\"eventData\\\": \\\"3\\\", \\\"conditionalHide\\\": \\\"loanAmountRequested and automobilePlanToPurchase\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"3\\\"}], \\\"customCssSelector\\\": \\\"page-nav\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], []], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"10\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}, {\\\"name\\\": \\\"Disclosures and Signature\\\", \\\"items\\\": [{\\\"items\\\": [[], [{\\\"items\\\": [[], [{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"logo%20icon\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAACwCAYAAABqxX7PAAAACXBIWXMAAAsSAAALEgHS3X78AAAKmklEQVR4nO2d3W8cVx2G35l1nA8ncZIuDU2FYiRKaRuIaV1UYCF7CVf4P2B7j0SuEBKUOEGgcoW54Br3LyAV4oKLClcycVQtilOVUgGCtVLahC6tN2SJy3rmcDG79tjeWe\/H7Dnv7L6PNPJ4vXPO2Z3HvzPnY854xhgIwYjvugBCJCE5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtE64LMAy++n59BqEpIsQMQhRNCDT3zyM0QAgYAyDc2Uzz9U6vmRCAAbbT2PN+hCb2mgGCEAiC6GcY2w8C5M5Nwn90ct3LH\/L9Rybz8L2jXXy015s\/1wBUAKyt5KeWU\/ra6PBGZZW5QrU+C4MSQsybmIT7JeKQM\/oZAmG0n3vi+MNDhbyHnHekx49eA7AM4PpKfmppoC+RjMzLWajWSwBKAC6hKZyJSZgVORGE8CYMDn3jXNV\/\/Fi+z6+jBmARwNJKfqrSZxo0ZFbOQrVeRHQiLm6\/mHE5W68f+ua5D3OfOXlmwK\/oKoDFlfzUxoDpOCNzDaJCtX6qUK1fB\/B7xMUcIRq\/vXPG\/KdRHTCZKwAqhWp9Po0yuSBTchaq9VlEDYFvOS7K0Glcr\/RbtceZBvDrQrW+VKjWT6WQnlUyI2fz2vIWoi985Ak\/2ET49\/t3Ukru2wCWC9X6TErpWSETcjbF\/JXrctgmePPDT6WY3EUAa83aJxPQyzmuYgJA8Nda2klOI4qgmRCUWs5xFrOFedC4l3KSLUHpr0Fp5Wz+dy+6LodzGuHmEFLNhKCUcja\/tCWMSePHERcBLLguRCco5QRwGSPah0nGd5uDGZTQydns7rjiuhxjBG0fKJ2ciKpzYY\/ziGoqOqjkbEbNS67LMYZcZoyeVHKC\/AJ9hJlGNLOLCho5m\/+5mZ2kMALQVe00ciISU11H7jjPNnLEJGfRdQEEV9XOJKeqdPdQnQMKOZutdFXp7jnP1GqnkBPAjOsCiG1orjtZ5Cy6LoDYpui6AC1Y5BQ80FTrLIsqzLguAC2muaWZXmdoqnXJyU7rVuNByObd3zRyigS276\/v+oCuX6SHWs7wg02Eb390zzwMtsL36ltdH7j3XJgu\/9b6fWryLnL+pjdzZs2bPjrMRQmKiK7xkueuhibaOpFN9w6EUs7w3Toav7lTMx8H0wDOWsp2eymX8g+erVjKEwAw9\/JbpxCNbV\/G3v7edtX6sGQkk5xOzsZr71WDP23kAUzD92xl+zqA+fK1550s3VL+\/oUNAAtz124tIprPurNoRKtaH4Y4bdJk8pNKzsZrd6vB2\/fz8Kz2cL1SvvpcyWaGSZR\/9MUNAPNzL72xhGghBJgAQJBiJkz2HQBNP2f4z\/8ieKeWh+\/B4nabRcw45R9\/qQTgVQD7FhfraQvabB2P6eL61iI0kbPxu\/dr8H3b4+sly\/n1QglABaZHYXjcGhiKyBne3TxuGmbactR8pfzS7Jrrz55E+acvbABY6jk69hhdTZuNBYrIGfz5\/pbl60wAuG47wz5YMiHm1Vp3iPk4hMWWeYtl2xn2SvlnX1l7YfXfW6k2iFqQidgOCjnDf\/0P8O1GzvL3ns7Eir9ezn8w8PAlkAkZ90IhJ0JsOoic2SDnP+i7BZ1wWFY85ZDT\/vVmZjDwtrqOnFmxrks45FTUTOYgMUdMyDgkcipyJhKXc0xa6S045PQUORMZsKWe5Rl0HHKqWk\/EpDWcmBEh45DIqWo9kX66kTIoYjtI5FTkTGTgWfDZhURORc5EkuQcVh8mkeAccqpBlIhRa90xipzJdN1aH71pdSRyKnImMmhrPSMitoNDTg1fJnNAgyjL\/ZgHwSGnImciXU3+HREZ90IipyJnIj221geGSHQSORU5E2nJmao0pu0uGyRyKnImEuzYk5pHxELG4ZBTgTORgW84y4iI7ZCc7HTdIEprtjyPzZKTnSChF75rh8jXnOkAhZwavexAEAudIxohk6CQU631DrQi54EupTUThEdaDjnlZjJbfUyFN4m\/9HisWyQnO0GXy30MEiGJhIwjOdkJguSnWwwhQnqnJ473ltDwkJzsBMHuJbmHHCG9I5NHes1hWHDIqQGitsz9\/C+7n0VpobXuP3b4QX8ZpA+FnOpKSiAILtvsz\/SOTcA\/PUnhBEAip6r1\/cy9\/FYRwKWeD+y3P9MAuQuP3MMhX5FzF5JzF3M\/eXMGieuHpjXiY3Yd5z96FP65Y2cBvNNPasNAcpIxd+3WLKInanRegnyACLkX7\/RhTHz9sYcAjnaXiB045NQIEQBg7sofLwNYAEx7MQcd7WlzfO6pM5u52U+E8L1jvaY+bDjkHFM35374xilED0ItInpAwfm2bzT7drqnTYT1zk7Byx\/9KPdM3vcO56ZZv\/+xlNPUG\/W5X\/7DwGs+vMDzsbPvJezH34OdDc3eBq+5E\/\/bns3D7t\/9rz25\/z2xdNun48Xy6\/S+Vlr7y9vcP80qZQuOHsYOJ3QomzF\/s\/PByCAdpkyCInJa7+f09p4ng7G9tiCGQk7r8buv\/NoI3IvT8r9nOOTUSdvNASIP2fPK8JLujfGUU\/8Mnai4LkALyZkCqUYy99U\/zSMXSeRksNOFFQPmOZxr3kqfpUkdDjkz0SDKKj39A9RuPHFCkTNOdqbMxU60++p3GFA9rJZCTvprzriI\/UjpWuTu85ec+2CXczyo3fjsCcm5D8nCwKLrAuyFQ06XDaJdVbZJ\/wI4O6NIS85yToBDTsbI6fo68SDSLd\/VG0+eqKSWWkqMp5wD5cdubc\/UQFilAyRy2u5KMoPm59rPdPMv3fjciY3UUksRCjk5RohGlM4iv3rjKa4WehwOOTVC5ILbiG4NoYVDTqpAlmKd6br6T6YGoLT6NGd13mI85WQUxp7INQDF1Wd4xtCTkJzjRSTmBX4xAck5TtwGUFz9PHdVHoeiadC6A9fa5voDd6Df1bUP4BcAiqtfyI6YAEvkZG2tDzobyTUG6\/BQWp09sey6KP3AISfdSc+iibtYB7Cw+uzJJdcFGQQSOS2L4GH4\/rnx+zaAxZvPZVvKFiRyOs7PdfXdf541AMvN7frN509W0ioSA2MppzeV2wRw1W6uqVFpbTe\/PFoy7oVDTssNIu\/kxGb5O59esJur6BUKObNzg5uwCYWcDhoOFes5ip4ZVzkzMXw37oyrnLRzGMUOHHLabRCt\/+Hx4xWrOYq+4JDTbuSkvF9G7IdETmt21kB4C6xoD4WcFruSFlc+OZWpmTnjDIWclqr12ytnpxas5CRSgUNOOw2ikpVcRGpwyDn8yPniSn5KfZsZg2Im\/JB5cSU\/teS6EKJ3Rl1OiZlhOKr19FkHMK+qPNuMWuSsIZqnOSsxs8+oRM51RJ3riyt59WOOClmUs4ZoVtEGmrcoKEqOJp4xGXuUrBgbRu2aU4wQklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0PJ\/ci7WRJGAHygAAAAASUVORK5CYII=\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"width\\\": \\\"105\\\", \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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\\\": \\\"

Auto loan request<\/h3>\\\\n

Basic information<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], []], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": 2, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 4, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 5, \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": 6, \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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>\\\\n

 <\/p>\\\\n

\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Disclosures<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Please read and accept the account disclosures and privacy policy to complete your application<\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

<\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"Click here to read the pull credit disclosures\\\", \\\"variant\\\": \\\"link\\\", \\\"eventData\\\": \\\"5\\\", \\\"customCssSelector\\\": \\\"no-label\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

 <\/em><\/h3>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"pullCreditDisclosures\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"3\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"pullCreditDisclosures\\\", \\\"label\\\": \\\"I have read the SASB disclosures to pull credit and agree to the terms\\\", \\\"helper\\\": null, \\\"toggle\\\": true, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"conditionalHide\\\": \\\"pullCreditDisclosures\\\", \\\"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-Z_a-z])(?:[0-9A-Z_a-z])*(?:[A-Z.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

<\/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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"Click here to read the .... disclosures\\\", \\\"variant\\\": \\\"link\\\", \\\"eventData\\\": \\\"6\\\", \\\"customCssSelector\\\": \\\"no-label\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

 <\/em><\/h3>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"otherAutomobileDisclosures\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"3\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"otherAutomobileDisclosures\\\", \\\"label\\\": \\\"I have read the .... disclosures to pull credit and agree to the terms\\\", \\\"helper\\\": null, \\\"toggle\\\": true, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"conditionalHide\\\": \\\"otherAutomobileDisclosures\\\", \\\"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-Z_a-z])(?:[0-9A-Z_a-z])*(?:[A-Z.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}, {\\\"label\\\": \\\"Nested Screen\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-file-invoice\\\", \\\"name\\\": \\\"Nested Screen\\\", \\\"label\\\": \\\"Nested Screen\\\", \\\"value\\\": null, \\\"screen\\\": 70, \\\"variant\\\": \\\"primary\\\", \\\"conditionalHide\\\": \\\"pullCreditDisclosures and otherAutomobileDisclosures\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormNestedScreen\\\", \\\"editor-component\\\": \\\"FormNestedScreen\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

 <\/p>\\\\n

 <\/p>\\\\n

\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"Back\\\", \\\"variant\\\": \\\"light\\\", \\\"eventData\\\": \\\"2\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Please fill all required fields to finish.<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"not authorizedSignature\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"formStatus\\\", \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"Submit\\\", \\\"variant\\\": \\\"primary\\\", \\\"fieldValue\\\": \\\"submitted\\\", \\\"defaultSubmit\\\": true, \\\"conditionalHide\\\": \\\"authorizedSignature\\\"}, \\\"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.\\\"}}, {\\\"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\\\": \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"3\\\"}], \\\"customCssSelector\\\": \\\"page-nav\\\"}, \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], []], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"10\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}, {\\\"name\\\": \\\"Landing Page\\\", \\\"items\\\": [{\\\"items\\\": [[], [{\\\"items\\\": [[], [{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"logo%20icon\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAACwCAYAAABqxX7PAAAACXBIWXMAAAsSAAALEgHS3X78AAAKmklEQVR4nO2d3W8cVx2G35l1nA8ncZIuDU2FYiRKaRuIaV1UYCF7CVf4P2B7j0SuEBKUOEGgcoW54Br3LyAV4oKLClcycVQtilOVUgGCtVLahC6tN2SJy3rmcDG79tjeWe\/H7Dnv7L6PNPJ4vXPO2Z3HvzPnY854xhgIwYjvugBCJCE5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtE64LMAy++n59BqEpIsQMQhRNCDT3zyM0QAgYAyDc2Uzz9U6vmRCAAbbT2PN+hCb2mgGCEAiC6GcY2w8C5M5Nwn90ct3LH\/L9Rybz8L2jXXy015s\/1wBUAKyt5KeWU\/ra6PBGZZW5QrU+C4MSQsybmIT7JeKQM\/oZAmG0n3vi+MNDhbyHnHekx49eA7AM4PpKfmppoC+RjMzLWajWSwBKAC6hKZyJSZgVORGE8CYMDn3jXNV\/\/Fi+z6+jBmARwNJKfqrSZxo0ZFbOQrVeRHQiLm6\/mHE5W68f+ua5D3OfOXlmwK\/oKoDFlfzUxoDpOCNzDaJCtX6qUK1fB\/B7xMUcIRq\/vXPG\/KdRHTCZKwAqhWp9Po0yuSBTchaq9VlEDYFvOS7K0Glcr\/RbtceZBvDrQrW+VKjWT6WQnlUyI2fz2vIWoi985Ak\/2ET49\/t3Ukru2wCWC9X6TErpWSETcjbF\/JXrctgmePPDT6WY3EUAa83aJxPQyzmuYgJA8Nda2klOI4qgmRCUWs5xFrOFedC4l3KSLUHpr0Fp5Wz+dy+6LodzGuHmEFLNhKCUcja\/tCWMSePHERcBLLguRCco5QRwGSPah0nGd5uDGZTQydns7rjiuhxjBG0fKJ2ciKpzYY\/ziGoqOqjkbEbNS67LMYZcZoyeVHKC\/AJ9hJlGNLOLCho5m\/+5mZ2kMALQVe00ciISU11H7jjPNnLEJGfRdQEEV9XOJKeqdPdQnQMKOZutdFXp7jnP1GqnkBPAjOsCiG1orjtZ5Cy6LoDYpui6AC1Y5BQ80FTrLIsqzLguAC2muaWZXmdoqnXJyU7rVuNByObd3zRyigS276\/v+oCuX6SHWs7wg02Eb390zzwMtsL36ltdH7j3XJgu\/9b6fWryLnL+pjdzZs2bPjrMRQmKiK7xkueuhibaOpFN9w6EUs7w3Toav7lTMx8H0wDOWsp2eymX8g+erVjKEwAw9\/JbpxCNbV\/G3v7edtX6sGQkk5xOzsZr71WDP23kAUzD92xl+zqA+fK1550s3VL+\/oUNAAtz124tIprPurNoRKtaH4Y4bdJk8pNKzsZrd6vB2\/fz8Kz2cL1SvvpcyWaGSZR\/9MUNAPNzL72xhGghBJgAQJBiJkz2HQBNP2f4z\/8ieKeWh+\/B4nabRcw45R9\/qQTgVQD7FhfraQvabB2P6eL61iI0kbPxu\/dr8H3b4+sly\/n1QglABaZHYXjcGhiKyBne3TxuGmbactR8pfzS7Jrrz55E+acvbABY6jk69hhdTZuNBYrIGfz5\/pbl60wAuG47wz5YMiHm1Vp3iPk4hMWWeYtl2xn2SvlnX1l7YfXfW6k2iFqQidgOCjnDf\/0P8O1GzvL3ns7Eir9ezn8w8PAlkAkZ90IhJ0JsOoic2SDnP+i7BZ1wWFY85ZDT\/vVmZjDwtrqOnFmxrks45FTUTOYgMUdMyDgkcipyJhKXc0xa6S045PQUORMZsKWe5Rl0HHKqWk\/EpDWcmBEh45DIqWo9kX66kTIoYjtI5FTkTGTgWfDZhURORc5EkuQcVh8mkeAccqpBlIhRa90xipzJdN1aH71pdSRyKnImMmhrPSMitoNDTg1fJnNAgyjL\/ZgHwSGnImciXU3+HREZ90IipyJnIj221geGSHQSORU5E2nJmao0pu0uGyRyKnImEuzYk5pHxELG4ZBTgTORgW84y4iI7ZCc7HTdIEprtjyPzZKTnSChF75rh8jXnOkAhZwavexAEAudIxohk6CQU631DrQi54EupTUThEdaDjnlZjJbfUyFN4m\/9HisWyQnO0GXy30MEiGJhIwjOdkJguSnWwwhQnqnJ473ltDwkJzsBMHuJbmHHCG9I5NHes1hWHDIqQGitsz9\/C+7n0VpobXuP3b4QX8ZpA+FnOpKSiAILtvsz\/SOTcA\/PUnhBEAip6r1\/cy9\/FYRwKWeD+y3P9MAuQuP3MMhX5FzF5JzF3M\/eXMGieuHpjXiY3Yd5z96FP65Y2cBvNNPasNAcpIxd+3WLKInanRegnyACLkX7\/RhTHz9sYcAjnaXiB045NQIEQBg7sofLwNYAEx7MQcd7WlzfO6pM5u52U+E8L1jvaY+bDjkHFM35374xilED0ItInpAwfm2bzT7drqnTYT1zk7Byx\/9KPdM3vcO56ZZv\/+xlNPUG\/W5X\/7DwGs+vMDzsbPvJezH34OdDc3eBq+5E\/\/bns3D7t\/9rz25\/z2xdNun48Xy6\/S+Vlr7y9vcP80qZQuOHsYOJ3QomzF\/s\/PByCAdpkyCInJa7+f09p4ng7G9tiCGQk7r8buv\/NoI3IvT8r9nOOTUSdvNASIP2fPK8JLujfGUU\/8Mnai4LkALyZkCqUYy99U\/zSMXSeRksNOFFQPmOZxr3kqfpUkdDjkz0SDKKj39A9RuPHFCkTNOdqbMxU60++p3GFA9rJZCTvprzriI\/UjpWuTu85ec+2CXczyo3fjsCcm5D8nCwKLrAuyFQ06XDaJdVbZJ\/wI4O6NIS85yToBDTsbI6fo68SDSLd\/VG0+eqKSWWkqMp5wD5cdubc\/UQFilAyRy2u5KMoPm59rPdPMv3fjciY3UUksRCjk5RohGlM4iv3rjKa4WehwOOTVC5ILbiG4NoYVDTqpAlmKd6br6T6YGoLT6NGd13mI85WQUxp7INQDF1Wd4xtCTkJzjRSTmBX4xAck5TtwGUFz9PHdVHoeiadC6A9fa5voDd6Df1bUP4BcAiqtfyI6YAEvkZG2tDzobyTUG6\/BQWp09sey6KP3AISfdSc+iibtYB7Cw+uzJJdcFGQQSOS2L4GH4\/rnx+zaAxZvPZVvKFiRyOs7PdfXdf541AMvN7frN509W0ioSA2MppzeV2wRw1W6uqVFpbTe\/PFoy7oVDTssNIu\/kxGb5O59esJur6BUKObNzg5uwCYWcDhoOFes5ip4ZVzkzMXw37oyrnLRzGMUOHHLabRCt\/+Hx4xWrOYq+4JDTbuSkvF9G7IdETmt21kB4C6xoD4WcFruSFlc+OZWpmTnjDIWclqr12ytnpxas5CRSgUNOOw2ikpVcRGpwyDn8yPniSn5KfZsZg2Im\/JB5cSU\/teS6EKJ3Rl1OiZlhOKr19FkHMK+qPNuMWuSsIZqnOSsxs8+oRM51RJ3riyt59WOOClmUs4ZoVtEGmrcoKEqOJp4xGXuUrBgbRu2aU4wQklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0PJ\/ci7WRJGAHygAAAAASUVORK5CYII=\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"width\\\": \\\"105\\\", \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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\\\": \\\"

Auto loan request<\/h3>\\\\n

Basic information<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], []], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": 2, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 4, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 5, \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": 6, \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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>\\\\n

 <\/p>\\\\n

\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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\\\": \\\"

What your journey would look like<\/h4>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], []], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"10\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]}, {\\\"name\\\": \\\"Disclosure for bank to pull credit\\\", \\\"items\\\": [{\\\"items\\\": [[], [{\\\"items\\\": [[], [{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"logo%20icon\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAACwCAYAAABqxX7PAAAACXBIWXMAAAsSAAALEgHS3X78AAAKmklEQVR4nO2d3W8cVx2G35l1nA8ncZIuDU2FYiRKaRuIaV1UYCF7CVf4P2B7j0SuEBKUOEGgcoW54Br3LyAV4oKLClcycVQtilOVUgGCtVLahC6tN2SJy3rmcDG79tjeWe\/H7Dnv7L6PNPJ4vXPO2Z3HvzPnY854xhgIwYjvugBCJCE5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtE64LMAy++n59BqEpIsQMQhRNCDT3zyM0QAgYAyDc2Uzz9U6vmRCAAbbT2PN+hCb2mgGCEAiC6GcY2w8C5M5Nwn90ct3LH\/L9Rybz8L2jXXy015s\/1wBUAKyt5KeWU\/ra6PBGZZW5QrU+C4MSQsybmIT7JeKQM\/oZAmG0n3vi+MNDhbyHnHekx49eA7AM4PpKfmppoC+RjMzLWajWSwBKAC6hKZyJSZgVORGE8CYMDn3jXNV\/\/Fi+z6+jBmARwNJKfqrSZxo0ZFbOQrVeRHQiLm6\/mHE5W68f+ua5D3OfOXlmwK\/oKoDFlfzUxoDpOCNzDaJCtX6qUK1fB\/B7xMUcIRq\/vXPG\/KdRHTCZKwAqhWp9Po0yuSBTchaq9VlEDYFvOS7K0Glcr\/RbtceZBvDrQrW+VKjWT6WQnlUyI2fz2vIWoi985Ak\/2ET49\/t3Ukru2wCWC9X6TErpWSETcjbF\/JXrctgmePPDT6WY3EUAa83aJxPQyzmuYgJA8Nda2klOI4qgmRCUWs5xFrOFedC4l3KSLUHpr0Fp5Wz+dy+6LodzGuHmEFLNhKCUcja\/tCWMSePHERcBLLguRCco5QRwGSPah0nGd5uDGZTQydns7rjiuhxjBG0fKJ2ciKpzYY\/ziGoqOqjkbEbNS67LMYZcZoyeVHKC\/AJ9hJlGNLOLCho5m\/+5mZ2kMALQVe00ciISU11H7jjPNnLEJGfRdQEEV9XOJKeqdPdQnQMKOZutdFXp7jnP1GqnkBPAjOsCiG1orjtZ5Cy6LoDYpui6AC1Y5BQ80FTrLIsqzLguAC2muaWZXmdoqnXJyU7rVuNByObd3zRyigS276\/v+oCuX6SHWs7wg02Eb390zzwMtsL36ltdH7j3XJgu\/9b6fWryLnL+pjdzZs2bPjrMRQmKiK7xkueuhibaOpFN9w6EUs7w3Toav7lTMx8H0wDOWsp2eymX8g+erVjKEwAw9\/JbpxCNbV\/G3v7edtX6sGQkk5xOzsZr71WDP23kAUzD92xl+zqA+fK1550s3VL+\/oUNAAtz124tIprPurNoRKtaH4Y4bdJk8pNKzsZrd6vB2\/fz8Kz2cL1SvvpcyWaGSZR\/9MUNAPNzL72xhGghBJgAQJBiJkz2HQBNP2f4z\/8ieKeWh+\/B4nabRcw45R9\/qQTgVQD7FhfraQvabB2P6eL61iI0kbPxu\/dr8H3b4+sly\/n1QglABaZHYXjcGhiKyBne3TxuGmbactR8pfzS7Jrrz55E+acvbABY6jk69hhdTZuNBYrIGfz5\/pbl60wAuG47wz5YMiHm1Vp3iPk4hMWWeYtl2xn2SvlnX1l7YfXfW6k2iFqQidgOCjnDf\/0P8O1GzvL3ns7Eir9ezn8w8PAlkAkZ90IhJ0JsOoic2SDnP+i7BZ1wWFY85ZDT\/vVmZjDwtrqOnFmxrks45FTUTOYgMUdMyDgkcipyJhKXc0xa6S045PQUORMZsKWe5Rl0HHKqWk\/EpDWcmBEh45DIqWo9kX66kTIoYjtI5FTkTGTgWfDZhURORc5EkuQcVh8mkeAccqpBlIhRa90xipzJdN1aH71pdSRyKnImMmhrPSMitoNDTg1fJnNAgyjL\/ZgHwSGnImciXU3+HREZ90IipyJnIj221geGSHQSORU5E2nJmao0pu0uGyRyKnImEuzYk5pHxELG4ZBTgTORgW84y4iI7ZCc7HTdIEprtjyPzZKTnSChF75rh8jXnOkAhZwavexAEAudIxohk6CQU631DrQi54EupTUThEdaDjnlZjJbfUyFN4m\/9HisWyQnO0GXy30MEiGJhIwjOdkJguSnWwwhQnqnJ473ltDwkJzsBMHuJbmHHCG9I5NHes1hWHDIqQGitsz9\/C+7n0VpobXuP3b4QX8ZpA+FnOpKSiAILtvsz\/SOTcA\/PUnhBEAip6r1\/cy9\/FYRwKWeD+y3P9MAuQuP3MMhX5FzF5JzF3M\/eXMGieuHpjXiY3Yd5z96FP65Y2cBvNNPasNAcpIxd+3WLKInanRegnyACLkX7\/RhTHz9sYcAjnaXiB045NQIEQBg7sofLwNYAEx7MQcd7WlzfO6pM5u52U+E8L1jvaY+bDjkHFM35374xilED0ItInpAwfm2bzT7drqnTYT1zk7Byx\/9KPdM3vcO56ZZv\/+xlNPUG\/W5X\/7DwGs+vMDzsbPvJezH34OdDc3eBq+5E\/\/bns3D7t\/9rz25\/z2xdNun48Xy6\/S+Vlr7y9vcP80qZQuOHsYOJ3QomzF\/s\/PByCAdpkyCInJa7+f09p4ng7G9tiCGQk7r8buv\/NoI3IvT8r9nOOTUSdvNASIP2fPK8JLujfGUU\/8Mnai4LkALyZkCqUYy99U\/zSMXSeRksNOFFQPmOZxr3kqfpUkdDjkz0SDKKj39A9RuPHFCkTNOdqbMxU60++p3GFA9rJZCTvprzriI\/UjpWuTu85ec+2CXczyo3fjsCcm5D8nCwKLrAuyFQ06XDaJdVbZJ\/wI4O6NIS85yToBDTsbI6fo68SDSLd\/VG0+eqKSWWkqMp5wD5cdubc\/UQFilAyRy2u5KMoPm59rPdPMv3fjciY3UUksRCjk5RohGlM4iv3rjKa4WehwOOTVC5ILbiG4NoYVDTqpAlmKd6br6T6YGoLT6NGd13mI85WQUxp7INQDF1Wd4xtCTkJzjRSTmBX4xAck5TtwGUFz9PHdVHoeiadC6A9fa5voDd6Df1bUP4BcAiqtfyI6YAEvkZG2tDzobyTUG6\/BQWp09sey6KP3AISfdSc+iibtYB7Cw+uzJJdcFGQQSOS2L4GH4\/rnx+zaAxZvPZVvKFiRyOs7PdfXdf541AMvN7frN509W0ioSA2MppzeV2wRw1W6uqVFpbTe\/PFoy7oVDTssNIu\/kxGb5O59esJur6BUKObNzg5uwCYWcDhoOFes5ip4ZVzkzMXw37oyrnLRzGMUOHHLabRCt\/+Hx4xWrOYq+4JDTbuSkvF9G7IdETmt21kB4C6xoD4WcFruSFlc+OZWpmTnjDIWclqr12ytnpxas5CRSgUNOOw2ikpVcRGpwyDn8yPniSn5KfZsZg2Im\/JB5cSU\/teS6EKJ3Rl1OiZlhOKr19FkHMK+qPNuMWuSsIZqnOSsxs8+oRM51RJ3riyt59WOOClmUs4ZoVtEGmrcoKEqOJp4xGXuUrBgbRu2aU4wQklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0CI5BS2SU9AiOQUtklPQIjkFLZJT0PJ\/ci7WRJGAHygAAAAASUVORK5CYII=\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"width\\\": \\\"105\\\", \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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\\\": \\\"

Auto loan request<\/h3>\\\\n

Basic information<\/h3>\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], []], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"1\\\"}, {\\\"value\\\": 2, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 4, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 5, \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": 6, \\\"content\\\": \\\"1\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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>\\\\n

 <\/p>\\\\n

\\\", \\\"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\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"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\\\": \\\"

IMPORTANT ACCOUNT INFORMATION FOR OUR CUSTOMERS<\/h3>\\\\n

from Bank<\/h3>\\\\n

123 Liberty St, <\/strong>Courtland, KS 123 | (555) 334-4231<\/strong><\/p>\\\\n

 <\/p>\\\\n

REGULAR CREDIT<\/h4>\\\\n

Deposit limitations - <\/strong>You may make an ........<\/p>\\\\n

Fees and Charges -<\/strong> The following fees and charges apply to this account:<\/p>\\\\n