[
	{
		"name": "Interstitial Nested Screen",
		"items": [
			{
				"label": "Nested Screen",
				"config": {
					"icon": "fas fa-file-invoice",
					"name": "Nested Screen",
					"label": "Nested Screen",
					"value": null,
					"screen": "screen-id",
					"variant": "primary"
				},
				"component": "FormNestedScreen",
				"inspector": [
					{
						"type": "ScreenSelector",
						"field": "screen",
						"config": {
							"name": "SelectScreen",
							"label": "Screen",
							"helper": "Select a screen",
							"validate-nested": false
						}
					},
					{
						"type": "FormInput",
						"field": "conditionalHide",
						"config": {
							"label": "Visibility Rule",
							"helper": "This control is hidden until this expression is true"
						}
					},
					{
						"type": "FormInput",
						"field": "customFormatter",
						"config": {
							"label": "Custom Format String",
							"helper": "Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####",
							"validation": null
						}
					},
					{
						"type": "FormInput",
						"field": "customCssSelector",
						"config": {
							"label": "CSS Selector Name",
							"helper": "Use this in your custom css rules",
							"validation": "regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]"
						}
					},
					{
						"type": "FormInput",
						"field": "ariaLabel",
						"config": {
							"label": "Aria Label",
							"helper": "Attribute designed to help assistive technology (e.g. screen readers) attach a label"
						}
					},
					{
						"type": "FormInput",
						"field": "tabindex",
						"config": {
							"label": "Tab Order",
							"helper": "Order in which a user will move focus from one control to another by pressing the Tab key",
							"validation": "regex: [0-9]*"
						}
					}
				],
				"editor-control": "FormNestedScreen",
				"editor-component": "FormNestedScreen"
			}
		]
	}
]